/*
	Theme Name: Verge Eesti
	Theme URI: https://verge.ee/
	Description: Verge WordPress Theme
	Version: 1.1.0
	Author: Roosfeld Digital
	Author URI: https://roosfeld.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


/*
@font-face {
	font-family:campton;
	font-style:normal;
	font-weight:400;
	src: url('fonts/CamptonBook.otf') format('otf')
}

@font-face {
	font-family:campton;
	font-style:normal;
	font-weight:bold;
	src: url('fonts/CamptonBold.otf') format('otf')
}

@font-face {
	font-family:campton;
	font-style:normal;
	font-weight:300;
	src: url('fonts/CamptonLight.otf') format('otf')
}
*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use

 font-family: 'Poppins', sans-serif;
font-family: 'Syne', sans-serif;
 */
html { overflow-x: hidden; }
body { font-size: 15px; line-height: 160%; font-weight: 300; font-family: 'Campton', sans-serif; color:#1B1C20; background-color: #f1f1f1; background-image: url('img/pattern.png'); background-size: 100%; background-repeat: repeat-y;     background-position: center;  }
/* clear */
.clear:before,
.clear:after { content:' '; display:table;}
.clear:after { clear:both;}
.clear {*zoom:1;}

:root {
	--yellow: #FED984;
	--gray: #C9CFC3;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: #1B1C20 !important;
	-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
	transition: background-color 5000s ease-in-out 0s !important;
}

textarea { resize: none; }

img {max-width:100%;vertical-align:bottom;}
a {color:#EA5632;text-decoration:none;}
a:hover {color:##EA5632;}
a:focus {outline:0;}
a:hover,
a:active {outline:0;}
input:focus {outline:0;border:1px solid #04A4CC;}
/*p { line-height: 24px }*/
p.smaller { font-size: 16px; line-height: 20px }
.center { text-align: center }
.relative { position: relative;	 }
h1 { font-size: 48px; line-height: 113%; color: #687BBB; font-family: 'Campton'; font-weight: 700; margin: 0px; padding-top: 53px; padding-bottom: 53px }
h2 { font-size: 48px; line-height: 113%; color: #EA5632; font-family: 'Campton', sans-serif; font-weight: bold; padding-bottom: 0px; padding-top: 0px; text-align: center }
h3 { font-size: 26px; line-height: 113%; color: #EA5632; font-family: 'Campton', sans-serif; font-weight: bold;  }
h3.trainigns { font-size: 22px; line-height: 113%; color: #EA5632; font-family: 'Campton', sans-serif; font-weight: bold;  }
h4 { font-size: 15px; line-height: 140%; color: #687BBB; font-family: 'Campton', sans-serif; font-weight: bold; margin:0px; padding:0px }
ul li { line-height: 21px }
button.btn, .wp-block-button__link { color: #fff; border: 1px solid #EA5632; background: #EA5632; font-weight: bold; padding: 7px 15px; border-radius: 29px; font-size: 15px; text-transform: uppercase; padding-top: 10px }
button.btn:hover, .wp-block-button__link:hover { color: #fff }
.text_zindex { position: relative;	z-index: 5 }
.rounded { border-radius: 100% }
/* flex helpers */
.flex_parent { display: flex; }
.flex_bottom { align-self: flex-end; }
.flex_top { align-self: flex-start; }
.flex_center { align-self: center; }
.text-padding-right { padding-right: 10% }
main.main { z-index: 2;  position: relative; overflow-x:hidden }
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper_100 {max-width:1280px;width:100%;margin:0 auto;position:relative; }
.wrapper {max-width:1280px;width:95%;margin:0 auto;position:relative; }
.wrapper_small {max-width:1080px;width:85%;margin:0 auto;position:relative; }
.wrapper_xsmall {max-width:846px;width:95%;margin:0 auto;position:relative; }



/* Taust */
.modals_bg {
	position: fixed;
	inset: 0;
	background: rgba(255, 255, 255, 0.64);
	backdrop-filter: blur(4px);
	z-index: 998;
	display: none;
}

/* Modal - absolute, kerib kaasa */
.modal_holder {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: min(92vw, 800px);
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	z-index: 999;
	border-radius: 12px;
	box-shadow: 0 12px 32px rgba(0,0,0,.18);
	display: none;
}

@media (max-width: 767px) {
	.modal_holder {
		width: min(92vw, 560px);
		padding: 16px;
	}
}



@media (max-width: 767px) {
	.modal_holder h3 { padding-right: 30px }
	button.btn, .wp-block-button__link { font-size: 13px }
}



body .nf-form-content li label { font-size: 15px; line-height: 160%; font-weight: 300; font-family: 'Campton', sans-serif; color:#1B1C20;  }
.closepop { position: absolute; right: 20px; top: 20px; cursor: pointer }

body .nf-form-content button,
body .nf-form-content input[type=button],
body .nf-form-content input[type=submit] { color: #fff; border: 1px solid #EA5632; background: #EA5632; font-weight: bold; padding: 7px 15px; border-radius: 29px; font-size: 15px; text-transform: uppercase; height: auto }
body .nf-form-content button:hover,
body .nf-form-content input[type=button]:hover,
body .nf-form-content input[type=submit]:hover { background: #EA5632; color: #fff }

/* header */
.header_holder { clear: both; width: 100%; height: 80px; }
.header { position: fixed; clear: both; width: 100%; padding-bottom: 0px; z-index: 10 /*background: white; background: url('img/hero.jpg') no-repeat; background-size: cover*/ }
.header:after {  }
#myHeader { transition: all	0.3s ease-in-out }

#myHeader.sticky { position: fixed; z-index: 9; width: 100%; /*box-shadow: 0px 6px 16px 0px #b1b1b1;*/ background: #f1f1f1cf; height: 100px;}
/* logo */
.logo { position: relative; z-index: 9;}
.logo-img { float: left; width: 153px; margin-top: 25px;  }



/* nav */
.nav { float: right; padding-top: 31px; font-size: 15px; font-weight: light; margin-left: 62px; margin-right: 20px }
.nav ul, .nav ul li { margin: 0px; padding: 0px; display: inline-block; list-style: none;   }
.nav ul li {  }
.nav a { padding: 10px 20px 10px 20px; color: #1B1C20 }
.nav li.current_page_item a, .nav li a:hover { color: #EA5632; font-weight: bold }
.lang_nav { float: right; padding-top: 55px;  padding-left: 0px; text-align: right; font-size: 15px;position: relative;z-index: 9; font-weight: bold; padding-right: 30px }
.lang_nav a { color: #EA5632 }

.wpml-ls-legacy-dropdown { color: #EA5632; background: transparent;  border-radius: 10px;font-weight: 500; width: auto;height: auto;position: relative}
.wpml-ls-legacy-dropdown:hover { border-radius: 10px 10px 0px 0px }
.wpml-ls-legacy-dropdown:hover a { color: #EA5632 }
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { margin: 0px; padding-right: 20px;}
.wpml-ls-legacy-dropdown a { border: none; color: #EA5632; background: none; padding-right: 15px}
.wpml-ls-legacy-dropdown a:hover { color:#EA5632 }
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover { background: none; border: none; border-bottom: 0px !important; color:#EA5632}
.wpml-ls-legacy-dropdown .wpml-ls-item { border: none }
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { background: url('img/arrow_lang.svg') no-repeat; background-size: 100%;width: 12px;height: 9px; border: none;    top: calc(50% - 4px); right: -5px; display: none}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu { border: none; text-align: left; background: transparent; color: #EA5632; border-radius: 0px 0px 10px 10px }
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {border-width: 0 1px 1px;padding: 0px;margin: 0px;padding-left: 10px; line-height: 20px; }
.wpml-ls-legacy-dropdown:after { content: '>'; display: inline-block; float: right; position: absolute; right: 0px; top: 0px; transform: rotate(90deg); font-size: 20px; font-weight: 500; color: #EA5632; opacity: 1.2; font-stretch: 2px }

.wpml-ls-menu-item a { color:#EA5632; font-weight: bold; padding-right: 0px; padding-left: 5px }
.nav .wpml-ls-menu-item a:hover { color: #687BBB; }

/* FOOTER */

.footer { background: white; text-align: left; padding-top: 60px; padding-bottom: 40px; clear: both }
.footer h2 { text-align: left }
.footer h3 { color: #687BBB }
.footer_menu a { color: black; font-weight: bold; margin-right: 20px }
.fb_holder h3 { margin-top: 0px; padding-top: 0px; line-height: 22px; }
.ft_stripe { max-width: 80%; border-top: 3px solid #687BBB; padding-top: 20px; }

.subscribe_email { float: left; height: 40px; background: #F6F6F6; min-width: 300px; border: none; text-align: center }
.subscribe_submit { float: left; height: 40px; background: #EA5632; font-size: 18px; font-weight: 700; border: none; color: white; padding-left: 20px; padding-right: 20px}


/*------------------------------------*\
    AVALEHT
\*------------------------------------*/

.hero { clear: both; position: relative; min-height: 500px; padding-top: 120px }
.hero_image { width: max-content  }
.hero_image img { max-width: 100%; border-radius: 120px 0px 120px  }
.headline { font-weight: bold; font-size: 17px}
.hero_mark { max-width: 200px; float: right; margin-top: 20px; }
.hero h1 { padding-bottom: 10px; padding-top: 0px; }
.hero .button_holder { padding-top: 30px }
.hero p { padding-right: 20px }
.bubble { background: #e8f1ce; border-radius: 100%; padding: 30px; width: 220px; height: 220px; display: flex; align-items: center;justify-content: center; position: absolute;left: 0px; font-weight: 600}
.need_advice { width: 70%; margin: 0 auto; text-align: center; padding-top: 60px }
.need_advice .cloud span { background: #687BBB;padding: 5px 15px;margin: 5px;display: inline-block;border-radius: 30px;color: white; }

.what_is { width: 100%; margin: 0 auto; text-align: center; padding-top: 60px; max-width: 900px }
.what_is h2 { color: #687BBB }

.we_support { width: 100%; margin: 0 auto; text-align: center; padding-top: 60px; max-width: 900px }
.we_support h3 { color: #687BBB }
.trainings { padding-top: 60px }
.training_padding { padding-top: 150px; position: relative }
.training_padding:after { content: ''; width: 70%; height: 3px; background: #EA5632; display: block; float: right; margin-top: 50px; margin-bottom: 100px; }
.training_padding.no_border:after { display:none }
.something_new_holder { display: flex; gap: 8px; margin-top: 8px }
.something_new { width: 33%; background: #687BBB; color: white; padding: 20px; text-align: left; height: 220px; border-radius: 0px 60px 0px 0px  }
.something_new h2 { color: white; text-align: left; margin: 0px; padding: 0px; font-size: 22px }
.something_new h3 { color: white; text-align: left; margin: 0px; padding: 0px; font-size: 18px; }
.something_new a { color: white }

.something_new_also { width: 33%; background: #687BBB; color: white; padding: 20px; text-align: left; height: 220px  }
.something_new_also h2 { color: white; text-align: left; margin: 0px; padding: 0px; font-size: 24px; }
.something_new_also h3 { color: white; text-align: left; margin: 0px; padding: 0px; font-size: 18px; }
.something_new_also a { color: white }

.something_new_also_2 { width: 33%; background: #687BBB; color: white; padding: 20px; text-align: left; height: 220px  }
.something_new_also_2 h2 { color: white; text-align: left; margin: 0px; padding: 0px; font-size: 24px; }
.something_new_also_2 h3 { color: white; text-align: left; margin: 0px; padding: 0px; font-size: 18px; }
.something_new_also_2 a { color: white }



.verge_main_trainings .arr { color: #EA5632; }
.trainings .col { padding-right: 60px; }
.trainings .col h3 { text-align: left; color: #EA5632; padding-top: 30px }
.trainings h3 { text-align: center; color: #687BBB }
.trainings h3 span { color: #EA5632 }

.all_trainings { padding-top: 120px }
.all_trainings_holder {  }
.all_trainings_holder .col { background: #EA5632 }
.all_trainings_holder .verge_training { background: #687BBB }
.all_trainings_holder .col .single_training { padding: 25px; color: white; aspect-ratio: 1 / 1; display: flex; flex-direction: column; justify-content: space-between; }
.all_trainings_holder .single_training h3 { color: white; margin: 0px }
.all_trainings_holder .col.verge_training .single_training h3 { margin-top: 20px; text-transform: uppercase }
.all_trainings_holder .single_training div.small_heading { max-width: 82%; display: inline-block; line-height: 120%; margin-bottom: 10px; }
.all_trainings_holder .single_training hr { background: #e8f1ce; border: none; height: 3px; width: 100%; }
.all_trainings_holder .single_training a { color:white; }
.opentraining { cursor: pointer }
.training_table { padding-top: 40px }
.training_table h3 { border-bottom: 3px solid #EA5632; padding-bottom: 10px; margin-bottom: 0px; }
.training_table .trainging_line { border-bottom: 1px solid #687BBB; padding-bottom: 10px; padding-top: 10px }
.training_table .trainging_line .trainging_line_col { float: left; width: 33% }
.training_table .trainging_line .trainging_line_col_2 { float: left; width: 50% }
.clients_and_target { padding-top: 60px;  }
.clients_and_target h3 { color: #687BBB  }
.clients_and_target h3.more_clients { color: #EA5632  }

.benefits { padding-top: 60px; }
.benefits .col { text-align: center }
.benefits .col p { text-align: left }
.benefits .col h4 { text-align: left; text-transform: uppercase }
.ben_icon { max-height: 75px; margin-bottom: 60px }
.our_team { padding-top: 60px; }
.our_team h3 { color: #687BBB; padding-top: 30px }
.our_team p { padding-right: 30px }

.materials { padding-top: 60px; }
.materials h3 { margin: 0px; padding: 0px; color: #687BBB }
.materials .date { color: #EA5632; font-size: 18px; font-weight: bold; text-transform: uppercase }
.materials .author { padding-top: 15px; padding-bottom: 15px }
.materials .material_item { border-top: 3px solid #EA5632; padding-top: 10px }
.materials .material_item .arr { color: #EA5632; }
.materials .button_holder { text-align: center; padding-top: 20px;  }

.references { padding-top: 60px }
.swipter_holder { max-width: 60%; margin: 0 auto; text-align: center }
.swiper-button-next, .swiper-button-prev { width: 25px; height: 87px; background: url('img/arrow_swiper.svg') no-repeat; }
.swiper-button-next:after,
.swiper-button-prev:after { display: none }
.swiper-button-next { transform: rotate(180deg) }
.slide_padding { margin: 10px 120px }
.slide_padding span { font-size: 21px; padding-bottom: 20px; display: inline-block }
.justmin { max-width: 440px; margin-top: 50px; margin-bottom: 50px }
.logo_item { height: 78px }
.worktogether { padding-top: 20px; padding-bottom: 60px }
.worktogether .flex_parent { align-items: center }

.single_post { padding-top: 200px; }


.about_page { padding-top: 200px; clear: both }
.about_intro { max-width: 50%; margin: 0 auto; text-align: center; margin-bottom: 50px; }


body.tagasiside .nf-progress-container, body.tagasiside .nf-progress { height: 5px }
body.koolitaja-tagasiside .nf-progress-container, body.tagasiside .nf-progress { height: 5px }
body.tagasiside section { max-width: 800px; margin: 0 auto }
body.koolitaja-tagasiside section { max-width: 800px; margin: 0 auto }

body.tagasiside .nf-breadcrumbs li a { padding: 12px 8px; }
body.koolitaja-tagasiside .nf-breadcrumbs li a { padding: 12px 8px; }
body.tagasiside .nf-breadcrumbs li.errors a::after { display: none }
body.koolitaja-tagasiside .nf-breadcrumbs li.errors a::after { display: none }
body.tagasiside .references { display: none }
body.koolitaja-tagasiside .references { display: none }

body.tagasiside .nf-breadcrumbs { display: none }

.nf-form-content hr.ninja-forms-field { margin: 40px; opacity: 0.3; }

#nf-field-60-container { margin-bottom: 0px }
#nf-field-62-container { margin-top: 40px }

@media only screen and (max-width: 980px) {
	body.tagasiside .five-col-list ul li { clear: both; width: 100% }
}

#nf-field-10-container { display: none }
/*------------------------------------*
    GRID SYSTEM
\*------------------------------------*/
/*  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%; }

/*  GRID OF THREE  */
.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%; }

/*  GRID OF FIVE  */
.span_5_of_5 { width: 100%;}
.span_4_of_5 {	width: 79.6%;}
.span_3_of_5 {	width: 59.2%;}
.span_2_of_5 {	width: 38.8%;}
.span_1_of_5 {	width: 18.4%;}

/*  GRID OF SIX  */
.span_6_of_6 { width: 100%; }
.span_5_of_6 { width: 83%; }
.span_4_of_6 { width: 66%; }
.span_3_of_6 { width: 49%; }
.span_2_of_6 { width: 32%; }
.span_1_of_6 { width: 15%; }

/*  GRID OF SEVEN  */
.span_7_of_7 {width: 100%;}
.span_6_of_7 {	width: 85.42%;}
.span_5_of_7 {	width: 70.85%;}
.span_4_of_7 {	width: 56.28%;}
.span_3_of_7 {	width: 41.71%;}
.span_2_of_7 {	width: 27.14%;}
.span_1_of_7 {	width: 12.57%;}

/*  GRID OF EIGHT  */
.span_8_of_8 {width: 100%;}
.span_7_of_8 {	width: 87.25%;}
.span_6_of_8 {	width: 74.5%;}
.span_5_of_8 {	width: 61.75%;}
.span_4_of_8 {	width: 49%;}
.span_3_of_8 {	width: 36.25%;}
.span_2_of_8 {	width: 23.5%;}
.span_1_of_8 {width: 10.75%;}

/*  GRID OF TEN  */
.span_10_of_10 {width: 100%;}
.span_9_of_10 {width: 89.8%;}
.span_8_of_10 {width: 79.6%;}
.span_7_of_10 {width: 69.4%;}
.span_6_of_10 {width: 59.2%;}
.span_5_of_10 {width: 49%;}
.span_4_of_10 {	width: 38.8%;}
.span_3_of_10 {	width: 28.6%;}
.span_2_of_10 {	width: 18.4%;}
.span_1_of_10 {	width: 8.2%;}

/*  GRID OF ELEVEN  */
.span_11_of_11 {width: 100%;}
.span_10_of_11 {	width: 90.72%;}
.span_9_of_11 {	width: 81.45%;}
.span_8_of_11 {	width: 72.18%;}
.span_7_of_11 {	width: 62.90%;}
.span_6_of_11 {	width: 53.63%;}
.span_5_of_11 {	width: 44.36%;}
.span_4_of_11 {	width: 35.09%;}
.span_3_of_11 {	width: 25.81%;}
.span_2_of_11 {	width: 16.54%;}
.span_1_of_11 {	width: 7.272%;}

/*  GRID OF TWELVE  */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.5%;}
.span_10_of_12 {width: 83%;}
.span_9_of_12 {width: 74.5%;}
.span_8_of_12 {width: 66%;}
.span_7_of_12 {width: 57.5%;}
.span_6_of_12 {width: 49%;}
.span_5_of_12 {width: 40.5%;}
.span_4_of_12 {width: 32%;}
.span_3_of_12 {width: 23.5%;}
.span_2_of_12 {width: 15%;}
.span_1_of_12 {width: 6.5%;}





/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

.burger { display: none }
.mob_menu { display:none; }
.desktop { display: block }
.mobile { display: none }

@media screen and (max-width: 1890px) {

}




@media screen and (max-height: 890px) {

}

@media screen and (max-height: 820px) {

}

@media only screen and (max-width: 1440px) {

}

@media only screen and (max-width: 1200px) {
	.burger { display: block; float: right; padding-top: 17px; cursor: pointer}
	.burger img { width: 50px;}
	.logo-img { margin-top: 20px; }
	.lang_nav, .nav.nav { display: none }
	.mob_menu { display: block; position: fixed;top: 0px; left: 0px; width: 100%; height: auto; min-height: 100vh; background: #687BBB; z-index: 99; text-align: left }
	.mob_menu .logo { padding-left: 5%; display: none }
	.mob_menu .close { width: 100px; float: right; text-align: center }
	.mob_menu .close img { width: 50px; padding-top: 25px }
	.mob_menu_content { padding-left: 50px;padding-top: 100px;padding-right: 50px;overflow: scroll;height: 100vh;width: 100%;padding-bottom: 100px; }
	.mob_menu ul li, .mob_menu ul { list-style-type: none; margin: 0px; padding: 0px }
	.mob_menu ul li.current_page_item a { color: #fff;  }
	.mob_menu a { color: #fff; font-size: 24px; line-height: 42px;  }
	.mob_menu .lang_nav { display: block; text-align: center; width: 100%; padding-bottom: 40px; padding-top: 30px; padding-left: 0px }
	.mob_menu .lang_nav a { display: inline-block; margin-left: 10px; margin-right: 10px; font-size: 20px  }
	.mob_menu .lang_nav br { display: none;   }
	.mob_menu .lang_nav .wpml-ls-legacy-dropdown { background: none }
	.mob_menu .lang_nav .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { visibility: visible }
	.mob_menu .lang_nav .wpml-ls-legacy-dropdown li { display: inline-block; float: left  }
	.mob_menu .lang_nav .wpml-ls-legacy-dropdown ul { display: inline-block; float: left  }



}




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

@media only screen and (max-width: 980px) {
	.col { margin: 1% 0 1% 0%; }
	.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%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; }
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7 { width: 100%; }
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 { width: 100%; }
	.span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10, .span_9_of_10, .span_10_of_10 {width: 100%;}
	.span_1_of_11, .span_2_of_11, .span_3_of_11, .span_4_of_11, .span_5_of_11, .span_6_of_11, .span_7_of_11, .span_8_of_11, .span_9_of_11, .span_10_of_11, .span_11_of_11 {width: 100%;}
	.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {width: 100%;}
}
@media only screen and (max-width: 980px) {

	h1 { font-size: 28px; line-height: 32px }
	.flex_parent { display: block }
	.hero_mark { float: initial }
	.something_new { position: relative; bottom: initial; right: initial; max-width: 100%; margin-top: 0px }
	.something_new_also { position: relative; bottom: initial; right: initial; max-width: 100%; margin-top: 0px; }
	.something_new_also_2 { position: relative; bottom: initial; right: initial; max-width: 100%; margin-top: 0px; border-top-right-radius: 60px !important; }
	.need_advice { width: 100% }
	.hero_image img { width: 100%; margin-left: 0px; border-radius: 60px 0px 60px; }
	.something_new_holder { flex-direction: column; }
	.something_new_holder div { width: 100%; height: auto; border-radius: 0px }
	.swipter_holder { width: 100%; max-width: 100% }
	.slide_padding { margin: 0px }
	.justmin { max-width: 100% }
	.about_intro { max-width: 100% }
	.materials .span_10_of_12 { overflow-x: hidden }
	.hero_image { margin-top: 30px }
	.wp-block-video [poster] {  object-fit: initial;height: auto; }
	.bubble { position: relative; margin: 0 auto }

}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 480px) {
	
}

@media only screen and (max-width: 375px) {

}


@media only screen and (max-width: 320px) {

}







/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}