/*
 Theme Name:     Hariduskopter WP Theme
 Theme URI:      https://hariduskopter.ee/
 Description:    Hariduskopter Wordpress Theme
 Author:         Oda
 Author URI:     https://www.oda.agency/
 Template:       Divi
 Version:        4.3.43
*/
 
 
/*------------------------------------------------------- */





/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 1% 0 1% 2%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {width: 100%;}
.span_1_of_2 { width: 49%;}
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66%; }
.span_1_of_3 { width: 32%; }

/*  GRID OF FOUR  */
.span_4_of_4 {
    width: 100%;
}
.span_3_of_4 {
    width: 74.5%;
}
.span_2_of_4 {
    width: 49%;
}
.span_1_of_4 {
    width: 23.5%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 640px) {
    .col {
        margin: 1% 0 1% 0%;
    }
}

@media only screen and (max-width: 640px) {
    .span_2_of_2, .span_1_of_2 { width: 100%; }
    .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
    .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}


.wrapper { position: relative; width: 100%; max-width: 1080px; margin: 0 auto }
.submenu { background: #F2A900; font-size: 14px; padding-top: 30px; padding-bottom: 30px; text-align: center}
.submenu a { color: white; margin-left: 20px; margin-right: 20px; font-weight: 600}
.hero { position: relative; background: url('https://hariduskopter.ee/wp-content/themes/Divi-Child-Theme/img/hero_new.png') no-repeat; background-size: cover; background-position: 50% 50%; height: 650px; display: flex; align-items: center; color: white; justify-content: flex-end;; }
.hero:after { content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.47); width: 100%; height: 650px; top: 0px; left: 0px; display: none }
.hero_text { position: relative; z-index: 2; text-align: center; font-size: 20px; color: white; font-weight: 400; width: 40% }
.hero_text p { padding-left: 80px; padding-right: 80px }
.hero h2 { color: #fff; font-size: 40px; line-height: 50px; font-weight: 400; text-transform: uppercase; text-align: left}
.hero h1 { font-size: 70px; font-weight: 400; color: white; font-family: 'Titillium Web', sans-serif; }
.eesmark_holder { background: #fff }
.mission_holder { background: #F1F0F0 }
.mission { padding-top: 80px; padding-bottom: 80px; font-size: 20px; line-height: 30px;  }
.mission h2 { font-family: 'Titillium Web', sans-serif; font-size: 40px; text-transform: uppercase; font-weight: 300 }
.koolid { background: #fff; padding-top: 80px; padding-bottom: 80px; font-size: 22px; line-height: 26px }
.koolid h2 { font-family: 'Titillium Web', sans-serif; font-size: 40px; text-transform: uppercase; font-weight: 300 }
.koolid h3 { font-size: 22px; text-transform: uppercase; font-weight: 700; margin-top: 30px; margin-bottom: 30px; }
.koolid h4 { font-size: 22px; font-weight: 600; margin-top: 30px }
.kool { position: relative }
.kool.yellow a { color: #F2A900; }
.kool span { position: absolute; top: -150px; right: 0px; background: white; color: #008EAA; max-width: 300px; padding: 20px; border: 1px solid #008EAA; display: none; font-size: 17px}
.kool:hover span { display: block; z-index: 2 }
.kool a { text-decoration: underline }
.kool .button_holder { padding-top: 10px; text-align: left }
.kool .button_holder .btn { font-size: 17px; background: #008EAA; color: white}
.ida_virumaa_holder { background: #F1F0F0 }
.idavirumaa { padding-top: 80px; padding-bottom: 80px; font-size: 20px; line-height: 30px;  }
.idavirumaa h2 { font-family: 'Titillium Web', sans-serif; font-size: 40px; text-transform: uppercase; font-weight: 300 }
.idavirumaa p.p1 { color: #008eaa }
.button_holder { clear: both; margin: 0 auto; padding-top: 40px; text-align: center }
button.btn, span.btn { background: #008EAA; border: 1px solid #008EAA; color: #fff; text-transform: uppercase; font-size: 22px; font-weight: 500; padding: 10px 20px; cursor: pointer }
.vabad-tookohad { padding-top: 80px; padding-bottom: 80px; font-size: 20px; line-height: 30px; background: white }
.vabad-tookohad h2 { font-family: 'Titillium Web', sans-serif; font-size: 40px; text-transform: uppercase; font-weight: 300 }
.tookohad { margin-top: 15px }
.tookohad a { text-decoration: underline }
.videod { padding-top: 80px; padding-bottom: 80px; font-size: 20px; line-height: 30px; background: white; background: #F9F9F9; }
.videod h2 { font-family: 'Titillium Web', sans-serif; font-size: 40px; text-transform: uppercase; font-weight: 300 }
.video-container {position: relative;padding-bottom: 56.25%;}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.kontakt { padding-top: 80px; padding-bottom: 80px; font-size: 20px; line-height: 30px; background: white;  }
.kontakt h2 { font-family: 'Titillium Web', sans-serif; font-size: 40px; text-transform: uppercase; font-weight: 300 }
.kontakt .section { display: flex; align-items: center; }
.footer_logos { text-align: center; display: flex; flex-direction: row; align-items: center; justify-content: center; padding-top: 60px }
.footer_logos img { margin-left: 30px; margin-right: 30px }
.infobox { padding: 40px; display: inline-block; color: #008EAA; font-size: 22px; width: 80%; margin-top: 40px; background: #F1F0F0 }
.job_list_item { background: #F1F0F0; border-bottom: 1px solid white; padding: 10px 20px;font-size: 16px;line-height: 19px; }
.et_right_sidebar #main-content .container:before { display: none }
.max_content_width { width: max-content; margin-top: -69px }
.job_location { display: flex; align-items: center; }
.job_location div { padding: 10px; color: #008EAA; line-height: 130%}

.flex_parent { display: flex }
.flex_parent {justify-content: center; }


@media only screen and (max-width: 640px) {
    .hero h1 { font-size: 35px; }
    .hero h2 { font-size: 32px; line-height: 38px }
    .hero { background: url('https://hariduskopter.ee/wp-content/themes/Divi-Child-Theme/img/hero_mob.png') no-repeat; background-size: cover; height: 500px; display: flex; align-items: center; color: white; justify-content: flex-end;; }
    .wrapper { margin-left: 2%; margin-right: 2%; width: 96% }
    .hero_text { padding-top: 20px; padding-bottom: 20px; width: 100%; align-self: flex-end; }
    .kontakt .section { flex-direction: column; }
    .footer_logos { flex-direction: column; }
    .max_content_width { width: 100%; margin-top: 0px }

    .test_container { padding: 5%; text-align: center }
    .hero_text p { padding-left: 0px; padding-right: 0px }




}