/*
 Theme Name:  Gipuzkoako Harakinak
 Template:     Divi
 Version:      1.0.0
*/

@font-face {
    font-family: 'Brown Regular';
    src: url('./fonts/Brown-Regular.woff2') format('woff2'),
         url('./fonts/Brown-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brown Bold';
    src: url('./fonts/Brown-Bold.woff2') format('woff2'),
         url('./fonts/Brown-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family: 'Brown Regular';
}
header{
    height: 150px;
    margin-top:25px;
    padding: 25px 0;
}

.et_header_style_left .logo_container {
    position: absolute;
    height: 100px;
}

#main-header{
    top:0 !important;
    margin-top:0;
}

header .container{
    max-width: 1920px;
    width: 90%;
}

.logo_container{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.logo_container a:first-of-type img{
    height: 100px;
}

.logo_container img{
    margin-right:40px;
}

.langs{
    float: right;
    position: relative;
    z-index: 99999;
}

.wpml-ls-current-language{
    opacity: .5;
}

.participa{
    background: #2b7e41;
    padding:40px;
    font-size:22px;
    line-height: 1.2em;
    letter-spacing: 1px;
}

.participa p{
    font-family: 'Brown Regular';
    text-align: center;
}

.participa h2{
    font-family: 'Brown Bold';
    text-transform: uppercase;
    font-size:34px;
    line-height: 1.2em;
    margin-bottom:20px;
    text-align: center;
}


.participa a{
    margin-top:30px;
    background: #040006 url('./images/flacha.svg')no-repeat;
    background-size: 20px 50px;
    background-position: 85% center;
    color:#fff;
    text-transform: uppercase;
    font-family: 'Brown Regular';
    font-size:26px;
    line-height: 18px;
    display: inline-block;
    padding:20px 80px 12px 40px;
    text-align: left;
}




.participa a span{
    font-family: 'Brown Regular';
    font-size:15px;
}

.participa .et_pb_image_wrap img{
    width: 175px !important;
}

.km0 p{
    font-family: 'Brown Bold';
    font-size:125px;
    line-height: 45px;
}

.km0 p span{
    font-family: 'Brown Bold';
    font-size:45px;
}

.intro p{
    font-size:26px;
    line-height: 1.1em;
}

.content p{
    font-size: 36px;
    line-height: 1em;
    text-align: center;
    margin-bottom:0;
    padding:0;
}

.content .black{
    font-size:28px;
    color:#040006;
    margin-bottom:10px;
    font-family: 'Brown Bold';
}

.et_pb_row.form{
    max-width: 760px;
}

.et_pb_row.form h3{
    padding:0 15%;
    font-size: 28px;
    font-family: 'Brown Bold';
    text-align: center;
    line-height: 1.1em;
    margin-bottom: 60px;
    letter-spacing: 2px;
}

.et_pb_row.form label{
    text-align: center;
    width: 100%;
    font-size:20px !important;
    font-weight: 400 !important;
    letter-spacing: 1px;
}

.et_pb_row.form label.gfield_consent_label{
    font-size:16px !important;
}

.et_pb_row.form input, .et_pb_row.form select{
    padding:15px 20px !important;
    font-size:20px !important;
}

.et_pb_row.form input[type=submit]{
    font-family: 'Brown Bold';
    background: #2b7e41;
    border:0;
    color:#fff;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px;
    margin:30px auto 0 auto;
    padding:20px 40px !important;
}

.gfield_required{
	display: none !important;
}

.gform_confirmation_wrapper{
	text-align:center;
}

.content .small{
    font-size:28px;
    line-height: 28px;
    
}

.content .small.first{
    margin-top:25px;
}


#footer-bottom{
    background: #2b7e41;
}


footer p, footer li{
    font-size:19px;
    color:#fff;
    line-height: 1.5em;
    padding: 0 !important;
}

footer ul{
    margin-bottom:20px;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-of-type(1){
    width: 320px;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-of-type(2){
    width: calc(36% - 190px);
    margin-top:35px;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-of-type(3){
    width: calc(47.5% - 190px);
    margin-top:35px;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-of-type(4){
    width: 60px;
    margin-top:40px;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-of-type(4) img{
    margin-left:10px;
}

.widget_media_image{
    float: right;
    margin-right: 60px;
}

.widget_text li:before{
    display: none;
}

.widget_text li a:before{
    content: "";
    float: left;
    margin-right: 15px;
    margin-top:7px;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

.widget_text li.mail a:before{
    background-image: url('./images/ico-mail.png');
}

.widget_text li.web a:before{
    background-image: url('./images/ico-web.png');
}

.widget_text li.phone a:before{
    background-image: url('./images/ico-phone.png');
}

body #page-container .et_pb_section .et_pb_button {
    margin-top: 20px;
    border: 0 !important;
    background: #040006 url(./images/flecha-horizontal.svg)no-repeat;
    background-size: 40px 55px;
    background-position: 25px 6px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'ralewaybold';
    line-height: 24px;
    display: inline-block;
    padding: 12px 40px 8px 90px !important;
    letter-spacing: 3px;
    transition: all .6s;
    font-family: 'Brown Bold';
    font-size:25px;
}

#footer-bottom .container{
    text-align: center;
    border-top:1px solid #fff;
    padding:40px 0;
}

#footer-bottom .container img{
    margin: 0 50px;
}



@media only screen and (max-width : 576px) {
    .et_header_style_left #logo {
        max-width: 70px;
    }
    .logo_container {
        justify-content: space-around;
    }


    .logo_container a:first-of-type img{
        height: initial;
    }
    .logo_container img {
        margin-right: 0;
    }

    .et_pb_section.intro-section {
        padding-top:300px;
        background-position: center -300px;
        background-size: cover;
    }

    .participa{
        padding:30px;
    }

    .participa h2 {
        font-size: 28px;
    }

    .lang-eu .participa a{
        line-height: 21px;
    }

    .km0 p {
        font-size: 85px;
        line-height: 35px;
    }
    .km0 p span {
        font-size: 32px;
    }

    .intro p {
        font-size: 24px;
        line-height: 1.1em;
    }

    .et_pb_section {
        padding: 30px 0;
    }
    .content p {
        font-size: 24px;
        line-height: 1.1em;
    }
    .content .small {
        font-size: 18px;
        line-height: 20px;
    }
    body #page-container .et_pb_section .et_pb_button {
        display: block;
        margin-top: 10px;
        font-size: 14px;
    }
    .et_pb_row.form h3 {
        padding: 0;
        font-size: 22px;
        margin-bottom:30px;
    }
    .et_pb_row.form input, .et_pb_row.form select {
        padding: 5px 10px !important;
        font-size: 20px !important;
    }
    .et_pb_row.form label.gfield_consent_label {
        font-size: 13px !important;
    }
    .et_pb_row.form input[type=submit] {
        padding: 10px 30px !important;
    }

    #footer-widgets {
        padding: 30px 0 20px 0;
    }

    .et_pb_widget {
        text-align: center;
        width: 100%;
    }
    .widget_media_image {
        margin-right: 0;
    }
    #footer-widgets .footer-widget li a {
        position: relative;
    }
    .widget_text li a:before {
        position: absolute;
        left: -30px;
        top:2px;
    }

    #footer-widgets .footer-widget:last-of-type{
        margin-bottom:0 !important;
    }

    #footer-bottom .container img {
        margin: 10px 0;
    }


}


/*




#et_mobile_nav_menu{display: none !important;}

.et_header_style_left #et-top-navigation {
    padding-top: 0;
}

.et_header_style_left .logo_container {
    position: absolute;
    height: initial;
    width: initial;
}

#logo{
    height: 100px;
    max-height: 100px !important;
    max-width: fit-content !important;
}

.et_pb_section{
    background-color: transparent;
}

.wpml-ls a{
    color:#B36E2F;
    letter-spacing: 1px;
    font-size:16px;
}

.wpml-ls-current-language a{
    color:#683B1A;
}

h1, h2, h3{
	font-family: 'ralewaybold';
	padding-bottom: 5px;
}

.row-thin{
    max-width: 1200px;
}



p{
    font-family: 'ralewaymedium';
    font-size:20px;
    color:#683B1A;
}

.orange{
    color: #B36E2F;
}

.brown{
    color: #683B1A;
}


.et_pb_section.main-section{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 270'%3E%3Cpath fill='%23283D5F' fill-opacity='1' d='M0 224L80 229.3C160 235 320 245 480 245.3C640 245 800 235 960 218.7C1120 203 1280 181 1360 170.7L1440 160L1440 320L1360 320C1280 320 1120 320 960 320C800 320 640 320 480 320C320 320 160 320 80 320L0 320Z'%3E%3C/path%3E%3C/svg%3E");
    background-position: bottom left;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom:100px;
}

.et_pb_section.main-section .claim.eus .et_pb_text_inner{
    display: flex;
    flex-direction: column-reverse;
} 

.claim.eus p:last-child {
    line-height: 1.2em;
}

.et_pb_section.main-section .et_pb_row:first-of-type .et_pb_column:first-of-type{
    width: calc(92% - 400px);
}

.et_pb_section.main-section .et_pb_row:first-of-type .et_pb_column:last-of-type{
    width: 400px;
}


.claim p:first-child{
    font-family: 'ralewaybold';
    color:#683B1A;
    font-size:28px;
}

.claim p:last-child{
    font-family: 'averia_serif_libre_lightRg';
    color:#B36E2F;
    font-size:90px;
}

.claim p:last-child span{
    font-family: 'averia_serif_librebold';
}


.et_pb_row.row-extrathin .intro{
    padding:0 10%;
}

.et_pb_row.row-extrathin.row-intro p{
    margin-bottom:20px;
    line-height: 1.5em;
}

.et_pb_row.row-extrathin .intro p{
    font-family: 'averia_serif_librebold';
    font-size:24px;
    line-height: 1.3em;
}

.et_pb_row.row-extrathin.row-intro img{
    margin:20px 0;
}

.et_pb_section.blue p{
    color:#EAE7DC;
    font-family: 'ralewaymedium';
    font-size:23px;
    margin-bottom:30px;
    line-height: 1.3em;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.et_pb_section.blue p:first-of-type{
    font-family: 'ralewayregular';
}

.et_pb_section.blue p:last-of-type{
    margin-bottom:0;
}

.et_pb_section.blue p span{
    font-family: 'ralewaybold';
    font-size: 32px;
    line-height: 1.5em;
}

.et_pb_section.blue p strong{
    color:#E0A164;
    font-family: 'ralewayextrabold';
    margin-bottom:10px;
    display: block;
}

.et_pb_section.blue p:last-of-type strong{
    margin:0;
}

.et_pb_section.blue p:last-of-type span{
    margin-bottom: 5px;
    display: inline-block;
}

.et_pb_section.form{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 170'%3E%3Cpath fill='%23283D5F' fill-opacity='1' d='M0 64L80 80C160 96 320 128 480 128C640 128 800 96 960 74.7C1120 53 1280 43 1360 37.3L1440 32L1440 320L1360 320C1280 320 1120 320 960 320C800 320 640 320 480 320C320 320 160 320 80 320L0 320Z'%3E%3C/path%3E%3C/svg%3E");
        background-position: bottom left;
        background-size:100%;
        padding-bottom:180px;
        background-repeat: no-repeat;
}

.form h2{
    color:#683B1A;
    text-align: center;
    line-height: 1.3em;
    margin: 0 auto 40px auto;
    width: 80%;
}

.form .et_pb_row.row-extrathin{
    max-width: 600px;
}

label{
    width: 100%;
    text-align: center;
    font-family: 'ralewayregular';
    color:#683B1A;
    letter-spacing: 2px;
    font-size: 19px !important;
}

.gfield_required{
    display: none !important;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea{
    border:0;
    font-family: 'ralewayregular';
    font-size: 19px !important;
    border-radius: 2px;
    padding: 12px 10px !important;
}

input[type=checkbox]{
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

input[type=submit]{
    background: #5CB1D4;
    font-size:22px;
    color:#fff;
    border:0;
    border-radius:50px;
    padding:20px 40px;
    text-transform: uppercase;
    font-family: 'ralewaybold';
    letter-spacing: 2px;
    margin:0 auto;
}

.ginput_container{
    margin-bottom:15px;
}

.ginput_container.ginput_container_consent label{
    font-family: 'ralewayregular';
    font-size:12px !important;
    letter-spacing: 1px;
    vertical-align: text-bottom;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
    padding: 10px 20px;
    position: relative;
    width: 100%;
    letter-spacing: 1px;
    margin-bottom:30px;
}

.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: none; 
    border:0;
    font-size: 15px;
    margin-top: -10px;
    padding: 0;
}

.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
    font-size: 14px;
}

.gfield_required{
display:none !important;
}

@media only screen and (max-width : 1480px) {
    .claim p:first-child {
        font-size: 24px;
    }
    .claim p:last-child {
        font-size: 64px;
    }

}

@media only screen and (max-width : 1220px) {
    .et_pb_section.main-section .et_pb_row:first-of-type{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .et_pb_section.main-section .et_pb_row:first-of-type .et_pb_column:first-of-type {
        width: 100%;
    }

    .et_pb_section.main-section .et_pb_row:first-of-type .et_pb_column:first-of-type {
        margin-right:auto !important;
    }

    .et_pb_gutters3 .footer-widget {
        margin-right: 4%;
    }

    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-of-type(1) {
        width: 200px;
    }
    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-of-type(2) {
        width: calc(38% - 130px);
    }
    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-of-type(3) {
        width: calc(50% - 130px);
    }

}

@media only screen and (max-width : 1000px) {
    .footer-widget:nth-child(n) {
        width: 100% !important;
    }

    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-of-type(4) img {
        margin-left: 0;
        margin-right: 10px;
    }
}