/*
 Theme Name:   Devon Theme
 Theme URI:    http://it2b.es
 Description:  Devon Theme based on Divi from Elegant Themes
 Author:       it2b, Fiona Marí, Ángela Russi, Alejo Palacio, Luis Mas
 Author URI:   http://it2b.es
 Template:     Divi
 Version:      1.0.0
 Text Domain:  devon
*/

/* Typography */
@font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/AvenirLTStd-Book.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Book.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/AvenirLTStd-Roman.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Roman.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* General styles */
body {
	font-family: 'Avenir LT Std';
    font-size: 18px;
    font-weight: 400;
}
h1 {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
}
h2 {
    font-size: 24px;
    font-weight: 900;
}
h4 {
    font-weight: 900;
}
.container,
.et_pb_row {
    width: 90%;
    max-width: 1110px;
}
.text-center {
    text-align: center;
}
@media ( min-width: 769px ) {
    .one_half {
        width: 48%;
        float: left;
        margin-right: 4%;
        position: relative;
    }
    .et_column_last {
        margin-right: 0px !important;
        clear: right;
    }
}

/* Header */
/* Top header */
#top-header .container {
    font-family: 'Avenir LT Std';
    font-weight: 500;
}
#top-header .et_duplicate_social_icons {
    display: block;
    float: left;
}
#et-secondary-nav {
    margin-top: -9px;
}
#et-secondary-nav .menu-item:not(.wpml-ls-item) a {
    padding: 10px 13px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    background-color: #282828;
}
#et-secondary-nav .menu-item:not(.wpml-ls-item) a::after {
    content: '\35';
    font-family: 'ETmodules';
    font-size: 15px;
    vertical-align: text-bottom;
    margin-left: 10px;
}
/* Social icons */
.et-social-icon a,
#top-header .et-social-icon a {
    width: 20px;
    height: 20px;
    padding: 2px;
    border-radius: 100%;
    font-size: inherit;
    line-height: 20px;
    color: #8f1e31;
    background-color: #fff;
}
.et-social-linkedin a.icon::before {
    content: '\e09d';
}
/* Main header */
#et-top-navigation {
    width: 73.625%;
    padding-left: 0 !important;
    z-index: 100;
}
#et-top-navigation #searchform {
    position: relative;
    float: right;
    width: 30%;
}
#searchform input {
    padding: 7px;
    border-radius: 30px;
}
#searchform #s {
    width: 100%;
    font-size: 12px;
}
#searchsubmit {
    font-family: 'ETmodules'!important;
    position: absolute;
    right: 0;
    border: none;
    font-size: 15px;
    color: #999;
    background-color: transparent;
}
#top-menu li {
    padding-right: 10px;
    font-size: 12px;
}
#top-menu-nav>ul>li>a:hover,
#top-menu > li.current-menu-ancestor>a,
#top-menu > li.current-menu-item>a {
    color: #fff;
    background-color: #8f1e31;
    opacity: 1;
}
#et-secondary-nav .menu-item-has-children>a:first-child:after,
#top-menu .menu-item-has-children>a:first-child:after {
    display: none;
}
.nav li ul {
    width: 200px;
    padding: 0;
    border-top: none;
    background-color: #e8edf2;
}
#top-menu li li {
    padding: 0;
    border-bottom: 1px solid #aeb2b5;
}
.et_mobile_menu li a,
.nav li li a {
    font-size: 12px;
    font-weight: 500;
}
.et_mobile_menu .wpml-ls-menu-item {
    display: inline-block;
}
.et_mobile_menu .wpml-ls-menu-item a {
    padding: 10px;
    border: none;
    font-weight: 600;
}
@media only screen and (min-width: 981px) {
    .et_header_style_left #et-top-navigation #top-menu-nav>ul>li>a {
        padding: 13px 10px 23px;
    }
}
@media screen and (max-width: 980px ) {
    .top-contact {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    #et-top-navigation #searchform,
    #et-info .et-info-label {
        display: none;
    }
}
/* Footer */
.footer-logo {
    margin-bottom: 30px;
}
#footer-widgets .et_pb_widget {
    float: none;
}
#footer-widgets .footer-widget li:before {
    display: none;
}
#footer-widgets .footer-widget .fwidget:first-child {
    margin-bottom: 5px !important;
}
#footer-widgets .wp-block-latest-posts__list li {
    padding: 0;
}
#footer-widgets .wp-block-latest-posts__list li > a {
    display: none;
}
#footer-widgets .wp-block-latest-posts.columns-3 li {
    width: calc(33.33333% - 0.3333em);
}
#footer-widgets .wp-block-latest-posts.is-grid li {
    margin: 0 0.5em 1.25em 0;
}
#footer-widgets .wp-block-latest-posts.columns-3 li:nth-child(3n) {
    margin-right: 0;
}
.footer-widget .et_pb_widget .wp-block-columns {
    margin-bottom: 0;
}
#footer-widgets .footer-widget .et_pb_widget div {
    line-height: 1.4;
}
/* Social icons */
#footer-widgets .et-social-icons {
    float: none;
    text-align: left;
}
#footer-widgets .footer-widget .et-social-icons li {
    margin-left: 0;
}
#footer-widgets .footer-widget .et-social-icons li:first-child {
    padding-left: 0;
}
#footer-widgets .footer-widget .et-social-icons a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #8f1e31;
}
#footer-widgets .footer-widget .et-social-icons a:hover {
    color: #8f1e31;
}
/* Bottom footer */
#footer-bottom {
    padding: 10px 0 0;
}
#footer-info {
    float: none;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}
#footer-info a {
    font-weight: 400;
}
@media ( max-width:767px ){
    #footer-widgets .footer-widget .fwidget,
    #footer-widgets .et-social-icons {
        text-align: center;
    }
}
/* .credits {
	display: inline-block;
	line-height: 1em;
}
.credits span {
	display: none;
}
.credits::before {
	content: '';
	display: inline-block;
	height: 1em;
	width: 17px;
	margin-right: 3px;
	background: url(images/it2b.png) center/contain no-repeat;
	vertical-align: bottom;
} */

/* Buttons */
.et_pb_button {
    border-radius: 50px;
    border-color: transparent;
    color: #fff;
    background-color: #8f1e31;
}
body .et_pb_button:hover,
body .et_pb_bg_layout_light.et_pb_button:hover,
body .et_pb_module .et_pb_bg_layout_light.et_pb_button:hover,
body .et_pb_bg_layout_light .et_pb_button:hover {
    border-radius: 50px !important;
    background-color: #000;
}
/* Forms */
.wpcf7 label {
    display: none;
}
input.text,
input.title,
input[type=email],
input[type=tel],
input[type=text],
select,
textarea {
    width: 100%;
    padding: 12px 20px;
    border: 1px solid #a9a9a9;
    border-radius: 7px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}
input[type=email]:focus,
input[type=tel]:focus {
    border-color: #2d3940;
    color: #3e3e3e;
}
.wpcf7 .et_pb_row {
    width: 100%;
    max-width: 900px;
}
.wpcf7 .et_pb_column {
    margin-bottom: 0;
}
.et_pb_column textarea  {
    padding: 15px 20px;
}
.et_pb_column .wpcf7-spinner {
    display: block;
    margin: 10px auto 0;
}
/* Fullwidth header module */
.post-type-archiv.et-db #et-boc .et-l .et_pb_fullwidth_header {
    padding: 70px 0;
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
    min-height: 160px;
}
.et_pb_fullwidth_header h1,
.et_pb_fullwidth_header .et_pb_module_header {
    text-align: center;
}
.et_pb_fullwidth_header .et_pb_header_content_wrapper {
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.3;
    text-align: center;
}
.home .et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content a.et_pb_button {
    margin: 8vh 0 0;
}
.et_pb_fullwidth_header .scroll-down {
    transform-origin: top center;
    animation: fullwidth-header-bounce 2.2s ease-out infinite;
}
.et_pb_fullwidth_header .scroll-down:hover {
    animation-play-state: paused;
}

/* Fullwidth slider module */
.et_pb_fullwidth_section .et_pb_slider .et_pb_slide_title,
.et_pb_fullwidth_header .et_pb_module_header {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
}
.et_pb_slider .et-pb-controllers a {
    width: 10px;
    height: 10px;
    background-color: #fff;
}
.et_pb_slider .et-pb-controllers .et-pb-active-control {
    background-color: #8f1e31;
}
.et_pb_slide_description,
.et_pb_slider_fullwidth_off .et_pb_slide_description {
    padding: 13% 0;
}
@media (min-width: 768px ) {
    .et_pb_fullwidth_header h1,
    .et_pb_fullwidth_section .et_pb_slider .et_pb_slide_title,
    .et_pb_fullwidth_header .et_pb_module_header {
        font-size: 60px;
    }
}

/* Services section */
.section-services .et_pb_blurb {
    padding: 50px 35px 40px;
    background-color: #f1f3f6;
}
.section-services .et_pb_blurb .et_pb_image_wrap {
    min-height: 110px;
}
.section-services .et_pb_blurb .et_pb_module_header {
    padding-bottom: 30px;
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
}
.section-services .et_pb_blurb p:first-child {
    padding-bottom: 30px;
    min-height: 91px;
}

.row-services .et_pb_column_empty {
    display: none;
}
.row-services .et_pb_column:nth-child(2) {
    margin-right: 0;
}
@media ( min-width: 981px ) {
    .row-services {
        display: flex;
        justify-content: center;
    }
}
/* Management section */
.section-management .et_pb_blurb_position_left .et_pb_main_blurb_image {
    display: flex;
    width: 114px;
    height: 114px;
    border: 1px solid #fff;
    border-radius: 114px;
}
.section-management .et_pb_blurb .et_pb_module_header {
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
}

/* Contact section */
.row-contact .et_pb_text {
    max-width: 760px;
    margin: 0 auto;
}
.section-ctc-dark h2,
.section-ctc-dark .et_pb_text {
    color: #fff;
}
/* CPT nav bar */
.cpt-nav {
    background-color: #f1f3f6;
}
.cpt-nav .container {
    padding: 0 !important;
}
.cpt-nav ul {
    display: flex;
    justify-content: center;
    font-size: 24px;
    text-align: center;
}
.cpt-nav li {
    position: relative;
    padding: 12px 25px;
}
.cpt-nav li.current {
    font-weight: 900;
    color: #fff;
    background-color: #8f1e31;
}
.cpt-nav a {
    color: #000;
}
.cpt-nav a:hover {
    color: #8f1e31;
}
.cpt-nav .current a {
    color: #fff !important;
}
.term-list-container {
    padding: 15px 0 !important;
    text-align: center;
}
@media ( min-width: 560px ) {
    .cpt-nav li.current::after {
        content: '';
        display: inline-block;
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translate(-50%, 0);
        border: 10px solid rgba(0,0,0,0);
        border-top-color: #8f1e31;
        border-bottom: 0;
    }
}
@media ( max-width: 559px ) {
    .cpt-nav ul {
        flex-direction: column;
    }
}

/* Archive CPTs */
.post-type-archive .et_pb_fullwidth_header {
    padding: 70px 0;
    position: relative;
    background-position: 50%;
    background-size: cover;
}
.post-type-archive .et_pb_fullwidth_header .et_pb_fullwidth_header_container {
    display: flex;
    align-items: center;
    width: 80%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}
.post-type-archive .et_pb_fullwidth_header .header-content-container {
    width: 100%;
}
.post-type-archive .et_pb_fullwidth_header .header-content {
    padding: 10px;
}
.archive:not(.date) .et_pb_post,
.post-type-archive .et_pb_post {
    line-height: 1.4;
}
.archive:not(.date) .et_pb_post p a,
.post-type-archive .et_pb_post p a {
    font-size: 14px;
    font-weight: 900;
    text-decoration: underline;
    color: #b31b19;
}
@media (min-width: 560px ) {
    .blog #content-area,
    .archive #content-area {
        display: flex;
        flex-wrap: wrap;
    }
    .blog .et_pb_post,
    .archive .et_pb_post{
        width: 48%;
        margin: 0 4% 4% 0;
        position: relative;
    }
    .blog .et_pb_post:nth-child(2n+2),
    .archive .et_pb_post:nth-child(2n+2){
        margin-right: 0px !important;
        clear: right;
    }
}
@media ( max-width: 559px ) {
    .archive:not(.date) .et_pb_post,
    .post-type-archive .et_pb_post {
        max-width: 400px;
        margin: 0 auto 30px;
    }
}
/* Single CPTs */
.blog #main-content .container::before,
.archive #main-content .container::before,
.post-type-archive #main-content .container::before,
.single-artists #main-content .container::before,
.single-project #main-content .container::before,
.single-play #main-content .container::before {
	display: none;
}
.single-artists #content-area,
.single-project #content-area,
.single-play #content-area {
    padding-bottom: 100px;
}
.single-artists .entry-title,
.single-project .entry-title,
.single-play .entry-title {
    font-family: inherit;
    font-weight: 900;
    font-size: 24px;
}
.single-artists #content-area ul,
.single-project #content-area ul,
.single-play #content-area ul {
    list-style: circle;
}

/* Blog Module */
.et_pb_module.et_pb_posts .et_pb_post .entry-featured-image-url,
.et_pb_module.et_pb_posts .et_pb_post .post-content-inner {
    margin-bottom: 15px;
}
.et_pb_module.et_pb_posts .more-link,
.et_pb_module.et_pb_posts .et_pb_post .post-meta,
.et_pb_module.et_pb_posts .et_pb_post .post-meta a,
.et_pb_module.et_pb_posts .et_pb_post p,
#left-area .post-meta a {
    font-size: 10px;
    line-height: 1.4;
    color: #000;
}
.et_pb_module.et_pb_posts .more-link::before {
    content: '\35';
    font-family: 'ETmodules';
}
.blog-grid-4cols .et_pb_ajax_pagination_container {
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(4, 1fr);
}
.blog-grid-2cols .et_pb_ajax_pagination_container {
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(2, 1fr);
}
.blog-grid-4cols .entry-title {
    font-size: 18px;
}
@media ( max-width: 980px ) {
    .blog-grid-4cols .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media ( max-width: 480px ) {
    .blog-grid-2cols .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* Blog posts */
.blog .et_pb_post,
.archive.date .et_pb_post {
    padding: 0 30px 40px;
    text-align: center;
    background-color: #f1f3f6;
}
.blog .et_pb_post .entry-featured-image-url,
.archive.date .et_pb_post .entry-featured-image-url {
    margin: 0px -30px 24px;
}

.blog .et_pb_post .post-meta a,
.blog .et_pb_post p,
.archive.date .et_pb_post .post-meta a,
.archive.date .et_pb_post p {
    margin-bottom: 25px;
    padding: 0;
    font-size: 10px;
    line-height: 1.4;
    color: #000;
}
.blog a.more-link,
.archive.date a.more-link {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    color: #fff;
    background-color: #b31b19;
}
.et_pb_post .post-meta,
.blog .et_pb_post .post-meta,
.archive.date .et_pb_post .post-meta,
#left-area .post-meta {
    font-size: 0;
}
.post-meta .published,
.post-meta .comments-number {
    font-size: 10px;
}
.post-meta .published::before,
.comments-number::before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 12px;
    margin-right: 5px;
    vertical-align: text-bottom;
}
.post-meta .published::before {
    background: url('images/sprite-devon.png') 0 0/cover no-repeat;
}
.post-meta .comments-number::before {
    margin-left: 20px;
    background: url('images/sprite-devon.png') 0 -13px/cover no-repeat;
}
.single-post #sidebar {
    font-size: 10px;
}
.single-post #sidebar .wp-block-latest-posts {
    list-style-type: disc;
}
.single-post #sidebar .wp-block-latest-posts li {
    margin-bottom: 10px;
    line-height: 1.4;
}
.wp-block-separator {
    border-color: #e2e2e2;
}
/* Artists grid module */
.artists-grid {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(3, 1fr);
}
.artists-grid .et_pb_post {
    margin-bottom: 0;
}
.artists-grid .entry-title {
    padding-top: 15px;
}
@media ( max-width: 767px ) {
    .artists-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* Search results */
.search .et_pb_section_1.et_pb_fullwidth_section,
.search.et_right_sidebar #main-content .container::before,
.search-results .post-meta,
.search-results .more-link {
    display: none;
}
.search-results #content-area {
    float: none;
    display: grid;
    grid-gap: 45px;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    padding-right: 0;
}

/* Animatimations */
@keyframes fullwidth-header-bounce {
  0% { transform:translateY(0%); }
  12.5% { transform:translateY(20%); }
  25% { transform:translateY(0%); }
}