/* OWL CAROUSEL */
.dp-dfg-container { display: flex; }
.dp-dfg-items { width: 100%; }
.owl-carousel .et_pb_gallery_item { width:100%!important;margin:0!important; }
.owl-stage { display:flex; }
.owl-stage-outer { overflow: hidden; max-width: 100%; }
.owl-nav button span { display: none; }
.flex-control-nav { position: relative; }
.owl-nav button:before { font-family:FontAwesome;font-size:67px;color:#878787; }
.owl-nav .owl-prev:before { content:"\f104"; }
.owl-nav .owl-next:before { content:"\f105"; }
.owl-nav button { position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;border:none; }
/*.et_pb_gallery_pagination { display: none; }*/
.owl-nav .owl-next { right: 0; }
#main-content{background-color: transparent !important;}
#page-container .current-menu-ancestor > a{color: #B44279 !important;}
#main-content .logo-blurb .et_pb_main_blurb_image{margin-bottom: 0.8em !important;}
#main-content .head-page-blurb .et_pb_main_blurb_image, #main-content .head-page-blurb .et_pb_blurb_container{display: inline-block !important; vertical-align: bottom;}
#main-content .head-page-blurb .et_pb_main_blurb_image{margin-bottom: 0; width: 35% !important;}
#main-content .head-page-blurb .et_pb_blurb_container{padding-bottom: 7.3%; padding-left: 3.3em;}
#main-content .main-page-cont-blurb .et_pb_main_blurb_image{float: left; margin-right: 1em; margin-bottom: 1em; width: 28.4% !important;}
#main-content .main-page-cont-blurb .et_pb_blurb_container{display: contents;}
#main-content .page-sub-header .et_pb_main_blurb_image, #main-content .page-sub-header .et_pb_blurb_container{display: inline-block !important; vertical-align: middle;}
#main-content .page-sub-header .et_pb_main_blurb_image{margin-bottom: 0; width: 9.5% !important;}
#main-content .main-slider{padding-bottom: 1.5em; margin-bottom: 1.5em;}
#main-content .main-slider .et_pb_slide_description{display: none !important;}
#main-content .main-slider .et_pb_slide {min-height: 360px; padding-left: 0 !important; padding-right: 0 !important;}
#main-content .main-slider .et_pb_slide_image, #main-content .main-slider .et_pb_slide_video {width: 100% !important; margin-right: 0% !important; display: block !important;}
#main-content .main-slider .et_pb_slide_image{position: relative; margin: 0 !important;}
#main-content .main-slider .et_pb_slide_image:before{width: 100%; content: ""; padding-top: 65.5%; display: block;}
#main-content .main-slider .et_pb_slide_image img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; max-height: 100% !important;}
#main-content .main-slider .et_pb_container{height: auto !important;}
#main-content .main-slider .et-pb-arrow-next { right: 0px !important; opacity: 1 !important; display: none !important;}
#main-content .main-slider .et-pb-arrow-prev { left: 0px !important; opacity: 1 !important; display: none !important;}
#main-content .main-slider .et_pb_slide_video{height: auto !important; margin-top: 0 !important;}
#main-content .main-page-cont-blurb .et_pb_module_header{padding-bottom: 1.3em !important; padding-top: 2.3em !important;}
#main-content .adrn-cta-sub .et_pb_promo_description{padding-bottom: 0 !important;}
/* TAMAÑOS GENERALES */
.formulario.positivo li input[type="email"] {max-width: 100%}
.formulario.positivo li input[type="tel"]{max-width: 100%}
.formulario ul { margin: 0; padding: 0; font-size: 0; display: block; width: 100%; }
.formulario li { padding: 0; display: inline-block; vertical-align: top; margin-bottom: 20px;}
.formulario li.fullwidth { width: 100% !important; margin-right: 0; }
.formulario li.list_fix { display: none !important }
.formulario li input[type="text"], .formulario li input[type="tel"],
.formulario li input[type="email"] { width: 100%; border: none !important; height: 40px; line-height: 40px; padding: 0 15px; font-family: "Open Sans",Helvetica,Arial,Lucida,sans-serif; font-size: 17px; font-weight: 400;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.formulario li textarea { width: 100%; border: none !important; height:150px; padding:15px; font-family: "Open Sans",Helvetica,Arial,Lucida,sans-serif; font-size: 17px; font-weight: 400;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.formulario li textarea,
.formulario li input[type="text"]:focus,
.formulario li input[type="email"]:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.formulario li input[type="submit"] { width:100%; height:50px; line-height: 50px; background: #4e335c; border: none; color: white; cursor: pointer; max-width: max-content; padding: 0em 1.8em; font-size: 1.25rem; font-family: "Open Sans",Helvetica,Arial,Lucida,sans-serif; margin-left: auto; display: block;}
.formulario li input[type="submit"]:hover { background: #4e335c; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.formulario.negativo div.wpcf7-validation-errors, .formulario.negativo div.wpcf7-acceptance-missing { color: white !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.formulario label { display: block; font-size: 14px; margin-bottom: 5px; color: #4e335c; margin-bottom: 0.15em; font-family: "Open Sans",Helvetica,Arial,Lucida,sans-serif;}
.formulario li:last-child { margin-bottom: 0 !important; }
/* COLUMNAS */
/*5 COLUMNAS*/
.formulario.cinco_campos ul { text-align: center; }
.formulario.cinco_campos li {width:18%; margin-right: 2%; }
.formulario.cinco_campos li:last-child { margin-right: 0 !important; }
/*2 COLUMNAS*/
.formulario.dos_campos li {width:49%; margin-right: 2%; margin-bottom: 20px; }
.formulario.dos_campos li:nth-child(2n) { margin-right: 0 !important;}
/* COLORES --FONDOS OSCUROS-- */
.formulario.negativo li input[type="text"],
.formulario.negativo li input[type="email"]{color: white; background: rgba(255,255,255,.5);}
.formulario.negativo li input[type="text"]:focus,
.formulario.negativo li input[type="email"]:focus { background: white; color: black; }
/* COLORE --COLORES CLAROS-- */
.formulario.positivo li textarea,
.formulario.positivo li input[type="text"], .formulario.positivo li input[type="tel"],
.formulario.positivo li input[type="email"]{color:black; background: #ffffff !important; border: 1px solid rgba(0,0,0,0.45) !important }
.formulario.positivo li textarea:focus,
.formulario.positivo li input[type="text"]:focus,
.formulario.positivo li input[type="tel"]:focus,
.formulario.positivo li input[type="email"]:focus { background: white; color: black; border: 1px solid rgba(0,0,0,.1) !important }
#main-content .sidebar-menu li{display: inline-block !important; position: relative; padding-right: 0.8em; margin-right: 0.5em;}
#main-content .sidebar-menu li:last-child{padding-right: 0 !important; margin-right: 0 !important;}
#main-content .sidebar-menu li::after{content: ""; position: absolute; right: 0em; top: 0; bottom: 0; margin: auto; width: 1px; height: 15px !important; background-color: #4e335c;}
#main-content .sidebar-menu li:last-child:after{display: none !important;}
/* Contenedor opcional */
/* contenedor del captcha */
/* reCAPTCHA */
#page-container .wpcf7-recaptcha > div {
width: 304px;
height: 78px;
transform: scale(0.8);
transform-origin: 0 0;
}
@media (max-width: 980px) {
/*5 COLUMNAS*/
.formulario.cinco_campos li {width:49%; margin-right: 2%; margin-bottom:20px; }
.formulario.cinco_campos li:nth-child(even) { margin-right: 0 !important; }
.formulario.cinco_campos li:last-child { margin-right: 0 !important; width: 100% !important; }
}
@media (max-width: 600px) {
/* 2 y 5 COLUMNAS*/
.formulario.dos_campos li,
.formulario.cinco_campos li {width:100%; margin-bottom:20px; margin-right: 0 !important; }
.formulario.cinco_campos li:last-child { margin-right: 0 !important; width: 100% !important; }
}
#main-content .sidebar-menu{list-style: none; padding-left: 0px !important; padding-bottom: 0 !important;}
#main-content .sidebar-menu li a {color: #4e335c !important;}
#main-content .page-sub-header-n .et_pb_main_blurb_image, #main-content .page-sub-header-n .et_pb_blurb_container{display: inline-block !important; vertical-align: bottom;}
#main-content .page-sub-header-n .et_pb_main_blurb_image{margin-bottom: 0; width: 4.5% !important;}
#main-content .page-sub-header-n .et_pb_blurb_container{padding-left: 0.2em !important;}
#main-content .page-sub-header-n .et_pb_module_header{padding-bottom: 0 !important;}
#main-content .border-bg{position: relative; background-size: 0 !important;}
#main-content .border-bg::before{content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 102.5%; background-image: inherit;}
#main-content .list-container{margin-bottom: 1.5em; padding-top: 1.2em;}
#main-content .side-list-cont{padding-left: 5.5% !important;}
#main-content .list-side{display: inline-block; vertical-align: top; width: 44.8%; margin-right: 9.5% !important;}
#main-content .list-side:last-child{margin-right: 0 !important;}
#main-content .list-side ul, #main-content .list-container ul{list-style: none; padding-left: 2.3em !important; padding-bottom: 1em !important;}
#main-content .list-container ul li, #main-content .list-side ul li{line-height: 1.5em !important; position: relative; margin-bottom: 0.21em;}
#main-content .list-container ul li::before, #main-content .list-side ul li::before{content: ""; position: absolute; left: -0.85em; top: 0.2em; width: 0.45em; height: 0.45em; background-color: #b44279;}
#main-content .list-container h3, #main-content .list-side h3{font-size: 1.18rem !important; font-weight: 400 !important;}
#main-content .list-container h2, #main-content .list-side h2{font-size: 1.31rem !important; color: #666 !important; font-weight: 400 !important; padding-bottom: 1.2em !important;}
#main-content .about-info-list ul{list-style: none; padding-left: 0 !important; padding-bottom: 0 ;}
#main-content .about-info-list ul li{margin-bottom: 0.2em;}
#main-content .about-info-list ul li:last-child{margin-bottom: 0em;}
#main-content .about-info-list ul em{color: #3e2d50; font-style: normal !important;}
#main-content .about-info-list ul a{color: #b0366d; font-weight: 700 !important;}
#main-content .page-content-row .et_pb_column:first-child{}
#main-content .page-content-row .et_pb_column:last-child{}
#main-content .book-blog{}
#main-content .book-blog .dp-dfg-items{display: grid; grid-template-columns: 33% 33% 33%;}
#main-content .book-blog .dp-dfg-item{border: none !important; background-color: transparent !important; display: flex; flex-wrap: wrap; flex-direction: column; margin-bottom: 4.5em;}
#main-content .book-blog .dp-dfg-item .dp-dfg-image{display: block; width: 100%;}
#main-content .book-blog .dp-dfg-item .dp-dfg-image-link{position: relative; display: block; width: 100%;}
#main-content .book-blog .dp-dfg-item .dp-dfg-image-link::before{content: ""; display: block; padding-top: 100%; width: 100%;}
#main-content .book-blog .dp-dfg-item .dp-dfg-image-link img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center;}
#main-content .book-blog .dp-dfg-item .et_pb_button_wrapper{margin-top: auto;}
#main-content .book-blog .dp-dfg-item{pointer-events: none;}
#main-content .book-blog .dp-dfg-item .dp-dfg-header{margin-bottom: 0.5em;}
#main-content .radio-gal .et_pb_gallery_items{display: grid; grid-template-columns: 25% 25% 25%; grid-column-gap: 12%;}
#main-content .radio-gal .et_pb_gallery_item{display: inline-block !important; width: 100% !important; margin: 0 !important; float: none !important; border: 2px solid #cfcfcf; margin-bottom: 2.5em !important;}
#main-content .radio-gal .et_pb_gallery_item a{position: relative; display: block; width: 100%;}
#main-content .radio-gal .et_pb_gallery_item a::before{content: ""; display: block; padding-top: 100%; width: 100%;}
#main-content .radio-gal .et_pb_gallery_item a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
#main-content .video-section .et_pb_row{background-image: url("../images/art_bg2.webp"); background-color: rgba(255,255,255,0.5); background-size: 0 !important; padding-left: 1.5em; padding-right: 1.5em;}
#main-content .video-section .et_pb_row::before{content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 102.5%; background-image: inherit;}
#main-content .contact-info ul{list-style: none; padding-left: 0 !important; padding-bottom: 0 !important;}
#main-content .contact-info ul li{line-height: 1.6em;}
#main-content .contact-info ul li a{color: #492E57;}
#page-container .main-menu-row .et_pb_column{display: grid; align-items: center;}
#page-container .et-menu .menu-item-has-children > a:first-child:after{display: none !important;}
#page-container .et-menu .menu-item-has-children > a:first-child{}
#page-container .et-menu .menu-item{margin-top: 0 !important;}
#page-container .et-menu .menu-item a{ padding: 1.3em 0em !important;}
#page-container .et-menu > .menu-item{padding-left: 1.5em; padding-right: 1.5em;}
#page-container .et-menu > .menu-item:before{content: ""; display: inline-block; background-color: #52594f; width: 1px; height: 20px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto;}
#page-container .et-menu > .menu-item:last-child:before{display: none !important;}
#page-container .et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {top: calc(100% - 0px); left: 0; padding: 0 !important; border-top: 0 !important;}
#page-container .et_pb_menu .et_pb_menu__menu > nav > ul > li > ul > li {width: 100% !important; padding: 0 !important;}
#page-container .et_pb_menu .et_pb_menu__menu > nav > ul > li > ul > li a {padding: 0.8em 1em !important; display: block; width: 100% !important;}
#page-container .et_pb_menu .et_pb_menu__menu > nav > ul > li > ul > li a:hover{background-color: #85144a !important;}
/*Colab page*/
#page-container .colab-blurb{height: 100%;}
#page-container .colab-blurb .et_pb_blurb_content{display: grid;}
#page-container .colab-blurb .et_pb_module_header{display: grid; order: -1; margin-bottom: 0.5em;}
#page-container .colab-blurb .et_pb_blurb_container{display: contents;}
#page-container .client-gal .et_pb_gallery_items{display: grid; grid-template-columns: 25% 25% 25%; grid-column-gap: 12%;}
#page-container .client-gal .et_pb_gallery_item{display: inline-block !important; width: 100% !important; margin: 0 !important; float: none !important; border: 2px solid #cfcfcf; margin-bottom: 2.5em !important;}
#page-container .client-gal .et_pb_gallery_item a{position: relative; display: block; width: 100%;}
#page-container .client-gal .et_pb_gallery_item a::before{content: ""; display: block; padding-top: 100%; width: 100%;}
#page-container .client-gal .et_pb_gallery_item a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center;}
#page-container .new-main-gal .dp-ddg-image-container{position: relative;}
#page-container .new-main-gal .dp-ddg-image-container::before{content: ""; display: block; padding-top: 60%; width: 100%;}
#page-container .new-main-gal .dp-ddg-image-container img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
#page-container .new-main-gal .dp-ddg-overlay{display: none !important;}
#page-container .filter-blog .dp-dfg-container{display: grid !important;}
#page-container .filter-blog .dp-dfg-items{display: grid; grid-template-columns: 30% 30% 30%; grid-column-gap: 5%; padding: 20px; padding-bottom: 0 !important; background-color: #ffffff !important; border: 1px solid #e6e6e6 !important; border-bottom: 0 !important; }
#page-container .filter-blog .dp-dfg-pagination{padding: 20px; padding-top: 0 !important; background-color: #ffffff !important; border: 1px solid #e6e6e6 !important; border-top: 0 !important;}
#page-container .filter-blog .dp-dfg-filters .active{background-color: #4e335c !important; border: 1px solid #4e335c !important;}
#page-container .filter-blog .dp-dfg-filter-link{padding: 0 !important; background-color: #e8e8e8 !important; border: 1px solid #d5d5d5 !important; padding: 1.3em 1.3em !important;}
#page-container .filter-blog .dp-dfg-image-link{position: relative; display: block; max-width: 90%;}
#page-container .filter-blog .dp-dfg-image-link::before{content: ""; display: block; padding-top: 100%; width: 100%;}
#page-container .filter-blog .dp-dfg-image{}
#page-container .filter-blog .dp-dfg-image-link img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
#page-container .filter-blog .dp-dfg-item {border: none !important; margin-bottom: 5em; background-color: transparent !important;}
#page-container .filter-blog .dp-date-badge {background: url(images/dt_bg.png) repeat left top; padding: 2px 0; text-align: center; color: #fff; margin: 0; width: 50px; font-size: 18px; line-height: 25px; position: absolute; top: 0px; right: 0px; background-color: rgb(180, 66, 121, 0.6) ;}
#page-container .filter-blog .pagination{justify-content: left;}
#page-container .filter-blog .dp-dfg-pagination a{position: relative; position: relative; padding: 0.5em 1em;}
#page-container .filter-blog .dp-dfg-pagination a::before{content: ""; display: inline-block; width: 9px; height: 6px; background-color: #b44279; position: absolute; top: 6px; left: 0px;}
#page-container .filter-blog .dp-dfg-pagination a{border-color: #000; border-radius: 0 !important;}
#page-container .filter-blog .dp-dfg-container { grid-row-gap: 0em !important;}
#page-container .filter-blog .dp-dfg-header{padding-bottom: 1em !important;}
#page-container .filter-blog .dp-dfg-filters ul{justify-content: left !important;}
#main-content .blog-header .et_pb_main_blurb_image, #main-content .blog-header .et_pb_blurb_container {display: inline-block !important; vertical-align: bottom;}
#main-content .blog-header .et_pb_main_blurb_image {margin-bottom: 0; width: 35% !important;}
#main-content .blog-header .et_pb_blurb_container {padding-bottom: 0%; padding-left: 2em; width: 64%;}
#main-content .gallery-item a{position: relative; display: block; width: 100%;}
#main-content .gallery-item a::before{content: ""; display: block; padding-top: 100%; width: 100%;}
#main-content .gallery-item a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
#main-content .gallery-item {margin-bottom: 0 !important;}
#main-header { background-color: transparent !important;}
@media (max-width: 1200px) {
#page-container .filter-blog .dp-dfg-filter-link {padding: 1em 1em !important;}
}
@media (max-width: 1100px) {
#main-content .head-page-blurb .et_pb_main_blurb_image {width: 25% !important;}
#page-container .logo-blurb{max-width: 60% !important; margin-left: auto !important;}
#main-content .head-page-blurb .et_pb_blurb_container {padding-bottom: 0% !important; padding-left: 1em !important;}
#page-container .sidebar-video{margin-top: -13% !important;}
}
@media (max-width: 980px) {
/* Nesting Menu */
/* when mobile menu is open, change hamburger icon to x icon */
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {content: '\4d';}
/* makes sub sub menu icon be right arrow instead of down arrow */
#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after,
#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {content: '5';}
/* - mobile menu toggling elements, injected via jQuery - */
/* make menu list item be relative, to be able to position toggle within this item */
#main-header{background-color: transparent !important;}
#main-header #mobile_menu1 .menu-item-has-children {position: relative;}
/* the new toggle element, which is added via jQuery */
#main-header #mobile_menu1 .sub-menu-toggle {position: absolute; z-index: 1; top: 0; cursor: pointer; text-align: center; height: 100%; width: 30%; right: 0; text-align: right;}
/* the new toggle element when popped */
#main-header #mobile_menu1 .sub-menu-toggle.popped::before {background-color: #699eca !important;}
/* toggle icon */
#main-header #mobile_menu1.et_mobile_menu .sub-menu-toggle::before { font-family: "ETmodules" !important; font-weight: normal; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 36px; font-size: 24px; text-transform: none; speak: none; content: '\33'; color: #fff; width: 36px; height: 36px; background-color: rgba(255,255,255, 0.2); border-radius: 50%; line-height: 36px;}
/* toggle icon when triggered */
#main-header #mobile_menu1.et_mobile_menu .sub-menu-toggle.popped::before {content: '\32';}
/* hide sub menus by default */
#main-header #mobile_menu1.et_mobile_menu .sub-menu-toggle ~ div.sub-menu-wrapper {display: none !important; padding-left: 0;}
/* show sub menu when triggered via jQuery toggle, and add slight bg color */
#main-header #mobile_menu1.et_mobile_menu .sub-menu-toggle.popped ~ div.sub-menu-wrapper {display: block !important; padding: 0em 0em; z-index: 6; position: relative;}
/* remove sub menu list item left padding, since padding will be on anchors */
#main-header #mobile_menu1.et_mobile_menu li li {padding-left: 0;}
/* adjust mobile menu anchors side paddings */
#main-header #mobile_menu1.et_mobile_menu li a {padding-left: 35px; padding-right: 20px; width: 100% !important; max-width: 100% !important; text-align: initial;}
/* indent sub sub menus further */
#main-header #mobile_menu1.et_mobile_menu li li li a {padding-left: 60px; padding-right: 20px;}
#main-header .sub-menu{background-color: transparent !important;}
#main-header #mobile_menu1.et_mobile_menu .menu-item-has-children > a {background-color: transparent;
font-weight: inherit;
z-index: 89898;
width: max-content !important;}
/* make the current page's mobile menu link be different */
#main-header #mobile_menu1.et_mobile_menu li.current-menu-item > a {font-weight: bolder;}
.et_pb_menu_2_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap, .et_pb_menu_2_tb_header .et_pb_menu__logo-slot { width: auto; max-width: 52% !important;}
#page-container .wp-gr .grw-btns.grw-next {right: -20px !important; }
#page-container .wp-gr .grw-btns.grw-prev {left: -20px !important;}
/*align the hamburger menu to the right right*/
.pa-fullscreen-menu .et_pb_menu__wrap {justify-content: flex-end !important;}
/*hide the desktop version of the menu*/
.pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {display: none !important;}
/*show the mobile version of the menu on desktop*/
.pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {display: block !important; align-items: center !important; margin: auto 0; margin-left: 3%;}
/*style the opened menu*/
.pa-fullscreen-menu .opened #mobile_menu1 {width: 100vw !important; position: fixed !important; top: 0em !important; left: 0vw !important; height: 100vh !important; display: flex !important; justify-content: flex-start !important; flex-direction: column !important; opacity: 1 !important; visibility: visible !important; transition: visibility 0.3s, opacity 0.3s ease-in-out; padding: 0 !important; padding-top: 0px; background-color: #4a2f57eb !important; padding-top: 9em !important; padding-left: 5% !important; padding-right: 5% !important; overflow: scroll; z-index: 99999999; padding-bottom: 7em !important;}
.currency-mod .et_pb_code_inner > div {width: 100% !important; position: absolute; top: -3em !important; z-index: 999999;}
/*style the closed menu*/
.pa-fullscreen-menu .closed #mobile_menu1 {background-color: #fff !important; text-align: flex-start !important; width: 100vw !important; position: fixed !important; left: 100vw !important; top: 0em !important; height: 100vh !important; display: flex !important; justify-content: center !important; align-items: center !important; flex-direction: column !important; transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out! important ; opacity : 0! important ; visibility : hidden! important ; padding-top : 160px! important ;}
/*remove the bullet points from the list items*/
.pa-fullscreen-menu #mobile_menu1 .sub-menu > li {display: inline-block; vertical-align: top; width: 100%; text-align : left !important ;}
.pa-fullscreen-menu .sub-menu{padding-left : 1em !important;}
/*move the menu to the top above other elements*/
.pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {z-index: 999999999 !important; right: 0px !important;}
/*change the opened menu icon*/
.pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {content: "\4d" !important; color: #fff !important; display: inline-block; height: 60px; width: 60px; line-height: 55px;}
/*make the hamburger menu fixed position on mobile*/
.pa-fullscreen-menu .opened .mobile_menu_bar {position: fixed !important;}
.pa-fullscreen-menu .opened span.mobile_menu_bar {right: 31px !important; height: 60px; width: 61px; text-align: center; line-height: 36px; top: 38px;}
/*remove the default blue border top on the mobile menu*/
.pa-fullscreen-menu .et_mobile_menu {border-top: none;}
/*remove the default background color on menu items*/
.pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {background-color: transparent;}
/*remove the default hover background color and adjust opacity*/
.et_mobile_menu li a:hover {background-color: transparent; opacity: 1;}
/*remove the default border bottom on menu items*/
.pa-fullscreen-menu.et_pb_menu ul.et_mobile_menu li.current-menu-item a {border-bottom: none;color: #fff !important;}
.pa-fullscreen-menu .menu-title {background-color: #ffffff; color: #041823 !important; display: block; padding: 0.4em 1.5em;}
.pa-fullscreen-menu.et_pb_menu ul.et_mobile_menu > li > a{font-size: 25px !important; padding-left: 0 !important;}
/* El debe ser relativo para posicionar la flecha */
.pa-fullscreen-menu .menu-item-has-children > a{
position: relative;
padding-right: 44px; /* deja espacio para la flecha */
}
/* Flecha/toggle */
.pa-fullscreen-menu .submenu-toggle{
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
user-select: none;
}
/* Rotación cuando está abierto */
.pa-fullscreen-menu .menu-item-has-children.submenu-open > a .submenu-toggle{
transform: translateY(-50%) rotate(180deg);
}
/* Layout para que el toggle no quede tapado por el */
#mobile_menu1.et_mobile_menu .menu-item-has-children{
display: block;
align-items: center;
}
#mobile_menu1.et_mobile_menu .menu-item-has-children > a{
flex: 1;
}
/* Toggle visible y clickeable */
#mobile_menu1.et_mobile_menu .sub-menu-toggle{
width: 42px;
min-height: 42px;
display: block !important;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
z-index: 2; /* importante para que reciba el click */
}
/* Flecha */
#mobile_menu1.et_mobile_menu .sub-menu-toggle::before{
content: "▾";
font-size: 18px;
line-height: 1;
transition: transform .2s ease;
}
/* Rotación flecha al abrir */
#mobile_menu1.et_mobile_menu .sub-menu-toggle.popped::before{
transform: rotate(180deg);
}
/* Oculta submenús por defecto */
#mobile_menu1.et_mobile_menu .menu-item-has-children > ul.sub-menu{
display: none !important;
}
/* Muestra submenú cuando el toggle está abierto
Estructura: toggle + a + ul */
#mobile_menu1.et_mobile_menu .menu-item-has-children > .sub-menu-toggle.popped ~ ul.sub-menu{
display: block !important;
}
#page-container .main-menu-row{display: flex; flex-direction: row-reverse;}
#page-container .main-menu-row .et_pb_column {margin-bottom: 0 !important;}
#page-container .logo-blurb {max-width: 70% !important; margin-left: auto !important;}
#page-container .head-page-blurb{margin-top: -15% !important;}
#page-container .sidebar-video{margin-top: 0% !important;}
#page-container .sidebar-video, #page-container .sub-form-cta{display: inline-block; vertical-align: top; max-width: 47% !important; width: 100% !important;}
#page-container .sidebar-video{margin-right: 6% !important;}
#page-container .filter-blog .dp-dfg-items {grid-template-columns: 47.5% 47.5%; grid-column-gap: 5%;}
#page-container .colab-row{display: flex;}
#page-container .colab-row .et_pb_column {
margin-bottom: 0 !important;
padding: 0% 4% !important;
}
}
@media(max-width: 767px) {
#page-container .colab-row {display: block;}
#page-container .colab-row .et_pb_column {margin-bottom: 0 !important; padding: 0% 4% !important; width: 100%;}
#page-container .colab-row .et_pb_column:first-child {margin-bottom: 3em !important;}
#page-container .colab-blurb img{width: 100% !important;}
}
@media(max-width: 600px) {
#page-container .logo-blurb {max-width: 100% !important; margin-left: auto !important;}
#page-container .head-page-blurb {margin-top: 0% !important;}
#main-content .head-page-blurb .et_pb_main_blurb_image, #main-content .head-page-blurb .et_pb_blurb_container {display: block !important;}
#main-content .head-page-blurb .et_pb_main_blurb_image {width: 30% !important; margin-bottom: 1.5em;}
#page-container .sidebar-video, #page-container .sub-form-cta{max-width: 100% !important;}
#page-container .sidebar-video{margin-right: 0% !important;}
}