/*
 Theme Name:   Twenty Twentyone Child
 Theme URI:    http://sirokko.es
 Description:  Twenty Twentyone Child Theme
 Author:       Sirokko Open Source Solutions, S.L.
 Author URI:   http://sirokko.es

 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentyonechild
*/

body {
    max-width: 100vw !important;
    overflow-x: hidden;
    color: #555555 !important;
}

.ola {
    list-style-type: lower-alpha;
}

p a {
    color: #4369B0;
    outline: 0px !important;
    text-decoration: none !important;
}

p a:hover {
    color: #32507F;
}

a.pdf {
    background: url("/medios/soporte/icon_pdf.svg");
	width: 40px;
	height: 20px;
	padding-left: 50px;
    background-repeat: no-repeat;
    background-position: 0% 50%;
	text-decoration:none;
}

object,
img {
	max-width:100% !important;
}

.separador1 {
    padding-top: 1em;
}

.separador2 {
    padding-top: 2em;
}

.singular .entry-header {
    border-bottom: 1px solid #F27129 !important;
    padding-bottom: 10px !important;
}

.site-footer > .site-info {
    border-top: 1px solid #F27129 !important;
    color: #555555 !important;
}

.footer-navigation-wrapper li a {
    color: #555555 !important;
}

.singular .entry-title {
    font-size: 42px !important;
}

.entry-header {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.entry-title,
.primary-navigation .menu-item a {
    color: #555555 !important;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
.site textarea {
    border: 1px solid #F27129 !important;
    background-color: #FAFAFA !important;
}

input[type=submit] {
    background-color: #F27129 !important;
}


/* FLEXSLIDER OVERWRITES */

.flexslider {
	border: 0px !important;
}

.flexslider .flex-control-nav {
	display: none;
}

.flexslider .flex-control-paging li a {
	text-indent: 0px !important;
	width: 28px !important;
	height: 28px !important;
	background: #999999 !important;
	box-shadow: 0px 0px 0px !important;
	font-size: 16px !important;
	color: #FFFFFF;
	line-height: 28px;
    text-decoration: none !important;
}

.flexslider .flex-control-paging li a.flex-active {
	background: #000000 !important;
}

.flexslider .flex-direction-nav a {
	width: 50px !important;
	height: 50px !important;
}


.flexslider .flex-direction-nav a:before {
	color: rgba(0, 0, 0, 0.3) !important;
}

/* FLEXSLIDER OVERWRITES */

/* COOKIE INFO WINDOW */

#cookie-law-info-bar {
	color: #666666 !important;
}

#cookie-law-info-bar .cookie-buttons a {
	color: #666666 !important;
}

#cookie-law-info-bar .cookie-buttons a:first-child {
	color: #FFFFFF !important;
}

.cli-modal .cli-modal-dialog .cli-modal-content .cli-modal-body .cli-privacy-overview h4,
.cli-modal .cli-modal-dialog .cli-modal-content .cli-modal-body .cli-privacy-overview .cli-privacy-content .cli-privacy-content-text {
	color: #666666 !important;
}

.cli-modal .cli-modal-dialog .cli-modal-content .cli-modal-footer a {
	background-color: #f27129 !important;
	color: #FFFFFF !important;
}

/* COOKIE INFO WINDOW */


/* PROJECT STYLES */

.proyectos .project-sidebar-info {
    padding: 35px 0px 50px;
}

.proyectos .entry-content {
    text-align: justify;
}

.proyectos .entry-content p,
.proyectos .entry-content ul,
.proyectos .entry-content ol { 
    margin-left: 0px !important;
}

.post-thumbnail,
.entry-content .wp-audio-shortcode,
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
.default-max-width {
    max-width: none !important;
}

.proyectos .comments-area {
    margin: 100px 0px;
}

.proyectos .comments-area .comment-notes,
.proyectos .comments-area .comment-form-author,
.proyectos .comments-area .comment-form-email ,
.proyectos .comments-area .comment-form-url {
    display: none;
}

/* PROJECT STYLES */

.no-widgets .site-footer {
    margin-top: 50px !important;
}

.site-footer > .site-info {
    margin-bottom: 0px !important;
}

.secondary-menu,
.secondary-menu .footer-navigation {
    margin-top: 0px !important;
}

.secondary-menu .footer-navigation-wrapper {
    justify-content: flex-end;
}

.secondary-menu .footer-navigation-wrapper li a {
    font-size: 14px !important;
}

.secondary-menu .footer-navigation-wrapper li:last-child a {
    padding-right: 0px !important;
}

.secondary-menu .footer-navigation-wrapper li::after {
    content: "|";
}

.secondary-menu .footer-navigation-wrapper li:last-child::after {
    content: none;
}


input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=date],
input[type=month], 
input[type=week], 
input[type=time], 
input[type=datetime], 
input[type=datetime-local], 
input[type=color], 
.site textarea {
    width: 100%;
}

/* ESTILOS BURBUJAS */

[data-link] {
	cursor: pointer;
}

.burbujas-wrapper {
    padding-left: 20px;
    padding-right: 20px;
}

.burbuja {
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
	/* height: 100%;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px; */
    margin: 15px auto;
}

.burbuja .image {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.burbuja .image img {
    width: 100%;
}

.burbuja .text {
	background: rgba(12, 48, 130, 0.7);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	line-height: 400px;
	color: #FFFFFF;
	opacity: 0;
	font-size: 28px;
	font-family: Arial;
}

.burbuja .text:hover {
	opacity: 1;
}

.burbuja .premio {
    border-radius: 25px;
    height: 50px;
    top: 0px;
    left: 50%;
    margin: 10px -25px;
    position: absolute;
    width: 50px;
    background: red;
    font-size: 32px;
    font-weight: bolder;
    color: #FFFFFF;
    text-align: center;
    line-height: 45px;
    border: 3px solid #FFFFFF;
}

.burbuja .premio img {
    width: 50px;
    height: 50px;
}

/* ESTILOS BURBUJAS */

/* CUSTOM STYLES */

.site-branding,
.site-footer .site-info .site-name .site-logo {
    width: 250px;
    margin-top: -5px;
}

/* CUSTOM STYLES */

@media (min-width:768px){
    .gform {
        margin-left: -38px;
        margin-right: -38px;
    }

    .burbujas-wrapper {
        padding-left: 50px;
        padding-right: 50px;
    }

    .burbuja .text {
        line-height: 360px;
    }
}

@media (min-width:992px){
    .flexslider .flex-control-nav {
		bottom: -50px;
		display: block !important;
	}

    .burbujas-wrapper {
        padding-left: 100px;
        padding-right: 100px;
    }

    .burbuja .text {
        line-height: 280px;
    }
}

@media (min-width:1200px){
    .burbujas-wrapper {
        padding-left: 200px;
        padding-right: 200px;
    }

    .burbuja .text {
        line-height: 250px;
    }
}

@media (min-width:1600px){
    .burbuja .text {
        line-height: 300px;
    }
}