/*
Theme Name: easypost
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 100000
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/

@font-face {
  font-family: "HurmeGeometricSans4";
  font-style: normal;
  src: url("fonts/HurmeGeometricSans4Regular.woff") format("woff");
  src: local("HurmeGeometricSans4"),
    url("fonts/HurmeGeometricSans4Regular.woff") format("woff");
}

@font-face {
  font-family: "HurmeGeometricSans4";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/HurmeGeometricSans4Bold.woff") format("woff");
  src: local("HurmeGeometricSans4Bold"),
    url("fonts/HurmeGeometricSans4Bold.woff") format("woff");
}

p,h1, h2, h3, h4 {
	font-family: HurmeGeometricSans4;	
}

.hurme {
	font-family: HurmeGeometricSans4 !important;
}

.hurmeBold {
	font-family: HurmeGeometricSans4 !important;
	font-weight: bold !important;
}


/*slider arrows weg*/
.avia-content-slider .avia-slideshow-arrows.avia-slideshow-controls {
display: none;
}

/*slider referentie*/
.slide-meta {
display : none !important;
}
.referentieslider .slide-content {
text-align: center !important;
}

/*menu items zw tekst - ook button*/
.av-menu-button-colored a {
color: black!important;
}

/*svg logo format*/
.logo img {
    width: 200px;
}
.html_header_top.html_logo_center .logo {
left: 15%;
}

/*remove flags*/
.av-language-switch-item {display: none;
}
.avia_wpml_language_switch {display: none;
}
/*primary button*/
.groteknop .avia-button.avia-icon_select-yes-left-icon.avia-color-theme-color.avia-size-small 
{padding:20px !important;}

/*normal ampersand*/
.special_amp {
font-family: inherit;
font-style: normal;
font-size: inherit;
line-height: inherit;
/*font-weight: 300;*/
color: inherit!important;
}


/*h2 in blogposts kleiner*/
.post-entry-type-standard  h2 {
font-size:15px !important;}

/*----------------------------------------*/
/* CSS - Styling hubspot form */

/* Textarea email and input fields */
#top .hbspt-form input[type='text'],
#top .hbspt-form input[type='tel'],
#top .hbspt-form input[type='email'],
#top .hbspt-form input[type='file'],
#top .hbspt-form .hbspt-textarea {
font-size: 12px;	
line-height:  1em;
padding: 13px!important;
border-radius: 2px;	
}

#top .hbspt-form label span{
font-size: 15px;
}
/* minder vertical margin*/
#top .hbspt-form fieldset {
    margin-bottom: unset;
	max-width: unset;
	font: unset;
}
/* textarea hoger*/
#top .hbspt-form textarea {
	padding: 20px;
}

/* witte labels newsletterform nl*/
#hsForm_8f67599f-86f5-44bd-a65f-bea94a4e5e96  label span {
	color: white !important;}
/* witte labels newsletterform eng */
#hsForm_1c78a09d-ec60-4c7f-8ab6-dedf76458d60  label span {
	color: white !important;}
/* witte labels newsletterform fr */
#hsForm_3bbb1d3e-846d-45cb-8ab9-c1fefbed691e  label span {
	color: white !important;}


/* hubspot checkbox */
#top .hbspt-form ul {
  list-style: none;
}


/* hubspot Submit button */
.hbspt-form .hs_submit .hs-button {
padding: 15px 30px;
border-radius: 100px;
background-color:#f8a900;
	font-size:15px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top:20px;
}
/*----------------------------------------*/




/*hide newsletter frontpages*/
.page-id-631 #nieuwsbriefsubscr { display: none !important; }
.page-id-3645 #nieuwsbriefsubscr { display: none !important; }
.page-id-1851 #nieuwsbriefsubscr { display: none !important; }
.page-id-6965 #nieuwsbriefsubscr { display: none !important; }
.page-id-6768 #nieuwsbriefsubscr { display: none !important; }



/*breadcrumbs left*/
#top .title_container .breadcrumb {
    position: static;
    float: left;
    height: 36px;
    line-height: 36px;
    margin-top: 0;
    padding-left: 0px;
}
/*button in secondary nav*/
#menu-item-774 a {
padding: 10px;
background-color: #e1e2e8;
}
/*button color main nav*/
#top #wrap_all .header_color li#menu-item-1446.av-menu-button-colored  > a .avia-menu-text {
    background-color:#ffcc00;
color:black;
border-color:#ffcc00;
}

/*baseline */
.phone-info {
letter-spacing: 4px;
}

/*headerimages minder hoog op smartphone*/
@media only screen and (max-width: 489px) {
#sdb-headerimage1, #sdb-headerimage2, #sdb-headerimage3, #sdb-headerimage4, #sdb-headerimage5, #sdb-headerimage6 , #sdb-headerimage7 , #sdb-headerimage8 , #sdb-headerimage9 , #sdb-headerimage10  {
height: 12em  !important;
}
}
/*remove automatic linking lightbox - feature image blog*/
.single .big-preview.single-big {
  pointer-events: none;
}

/*remove icon overlay bij links*/
.image-overlay-inside {
	display:none;
}
/*the post grid - images area dus blokken ook even hoog*/
@media only screen and (min-width: 500px){
	.rt-img-holder {height:15em !important;}}


/* css for skillmedia changed layouts */

.customBtn a {
	border-radius: 50px !important;
	font-size: 19px !important;
	letter-spacing: 0px !important;
	text-transform: uppercase !important;
    font-weight: bold !important;
    background-color: #f8a900 !important; /*linear-gradient(180deg, rgba(255, 202, 5, 1) 0%, rgba(249, 175, 2, 1) 50%) !important;*/
	margin-top: 20px !important;
	border-bottom: none !important;
	z-index:99;
}

.customBtn a:first-letter {
	text-transform: uppercase !important;
}

.customBtn a.avia-button:nth-child(2) {
	/*background: linear-gradient(180deg, rgba(231, 142, 3, 1) 0%, rgba(231, 142, 3, 1) 50%) !important;*/
}

.hbspt-form .hs-button {
	border-radius: 50px !important;
	font-size: 19px !important;
	letter-spacing: 0px !important;
	text-transform: uppercase !important;
    font-weight: bold !important;
    background-color: #f8a900 !important; /* linear-gradient(180deg, rgba(255, 202, 5, 1) 0%, rgba(249, 175, 2, 1) 50%) !important;*/
	margin-top: 20px !important;
}

.easyprintForm .hbspt-form .hs-button {
	background-color: #1ba19a !important;
}

.customBtnPrint a {
	border-radius: 50px !important;
	font-size: 19px !important;
	letter-spacing: 0px !important;
	text-transform: uppercase !important;
    font-weight: bold !important;
    background-color: #1ba19a !important;
	margin-top: 20px !important;
	border-bottom: none !important;
}

.customBtnPrint a:first-letter {
	text-transform: uppercase !important;
}

.bigEasyTitle h1 {
	font-size: 60px !important;
	font-family: HurmeGeometricSans4 !important;
	font-weight: bold !important;
	text-transform: lowercase !important;
}

.bigEasyTitle h1:first-letter {
	text-transform: uppercase !important;
}

.bigEasyTitle p {
	font-size: 18px !important;
	line-height: 26px !important;
}

.easyTitle h1, .easyTitle h2, .easyTitle h3 {
	font-family: HurmeGeometricSans4 !important;
	font-weight: bold !important;
	text-transform: lowercase !important;
}

.easyTitle p {
	font-size: 18px !important;
	line-height: 26px !important;
}

.easyTitle h1:first-letter, .easyTitle h2:first-letter, .easyTitle h3:first-letter {
	text-transform: uppercase !important;
}

.satisfCustTitle h1 {
	font-family: HurmeGeometricSans4 !important;
	font-weight: bold !important;
	text-transform: lowercase !important;
	color: #f8a901 !important;
}

.satisfCustTitle h1:first-letter {
	text-transform: uppercase !important;
}

.easyTitle .av-subheading_below {
	margin-top: 16px !important;
}

.satisfCustTitle .av-subheading_below {
	margin-top: 16px !important;
}

.satisfCustTitlePrint h1 {
	font-family: HurmeGeometricSans4 !important;
	font-weight: bold !important;
	text-transform: lowercase !important;
	color: #00a19a !important;
}

.satisfCustTitlePrint h1:first-letter {
	text-transform: uppercase !important;
}

.satisfCustTitlePrint .av-subheading_below {
	margin-top: 16px !important;
}

.satisfCustTitle p, .satisfCustTitlePrint p {
	color: #3c3c3c !important;
}

.wpml-ls-native {
	margin-left: 6px !important;
}

.swooshBack {
	width: 100%;
	background-image: url('http://easypost.skillmedia-staging.be/wp-content/uploads/2020/10/swoosh.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 535px !important;
	height: 535px !important;
}

.serviceHolder .entry-content-wrapper {
	display: flex !important;
	flex-direction: row !important;
	justify-content: center !important;
}

.contactPlane {
	position:relative;
}

.contactPlane img {
	margin-top: 300px;
}

.contactImg img {
	margin-top: 60px;
}

.contactGrid {
	border: none !important;
}

.contactGrid > div {
	border: none !important;
}

.container_wrap {
	border: none !important;
}
.serviceBlock {
	flex: 1 !important;
	max-width: 480px !important;
	padding: 28px !important;
	border-radius: 10px !important;
	background-color: #f5f5f5 !important;
	border: 2px solid #c4c3c3;
	margin-top: 10px !important;
	margin-bottom: 60px !important;
	margin-right: 6px !important;
}

.troevenHolder {
	margin-top: -50px !important;
	padding-bottom: 70px !important;
}

.troevenHolder .entry-content-wrapper {
	display:flex !important;
}

.troevenBlock {
	flex: 1 !important;
	padding: 28px !important;
	border-radius: 10px !important;
	background-color: #f5f5f5 !important;
	border: 2px solid #c4c3c3;
	margin-top: 30px !important;
	margin-bottom: 15px !important;
}

.troevenBlock p {
	flex: 1 0 auto;
}

.troevenBlock:last-child {
	margin-right: 0px !important;
}

.orangeBox .container {
	border: 10px solid #f8a901 !important;
	max-width: 1210px !important;
	margin: 0px auto !important;
}

.fullGreenbox .container {
	border: 10px solid #66c1bf !important;
	max-width: 1210px !important;
	margin: 0px auto !important;
}

.fullGreyBox .container {
	border: 10px solid #f5f5f5 !important;
	margin: 0px auto !important;
	padding: 0px 70px !important;
}

.missionImg {
	border: 10px solid #ffbc2e !important;
}

.easyIconBox .iconbox_icon {
	color: #f8a901 !important;
	font-size: 32px;
}

.easyIconBox .iconbox_content_title {
	text-transform: lowercase !important;
}

.easyIconBox .iconbox_content_title:first-letter {
	text-transform: uppercase !important;
}

.easyIconBox .entry-content-header {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

.smallText {
	max-width: 900px !important;
	margin: 0px auto !important;
}

.homepageAnimation {
	margin-top: -100px !important;
}

.bigEHolder {
	position:relative !important;
}

.bigEHolder .container {
	width: 100% !important;
	max-width: 100% !important;
}

.bigEBack {
	position: absolute !important;
	top: 0px !important;
	right: -50px !important;
}

.workWay {
	width: 46% !important;
}

.workWayText {
	width: 21% !important;
}

.customContactHolder {
	margin-top: -80px !important;
}

.main_color strong {
	color: #3c3c3c !important;
}

.homePageTitle .easyTitle h1 {
	font-size: 44px !important;
}

.avia-slideshow-dots {
	text-align: center !important;
	width: 100% !important;
}

.avia-slideshow-dots a {
	width: 20px !important;
	height: 20px !important;
	margin-right: 8px !important;
}

.avia-slideshow-dots a.active {
	background-color: #f8a900 !important;
}

@media only screen and (max-width: 824px) {
	
	.homepageAnimation {
		margin-top: -30px !important;
	}
	
	.easyTitle h1 {
		font-size: 28px !important;
	}
	
	.easyTitle h2 {
		font-size: 24px !important;
	}
	
	.fullGreyBox .container {
	padding: 0px 20px !important;
}
	
	.homePageTitle .easyTitle h1 {
	font-size: 34px !important;
}
	
}

@media only screen and (max-width: 600px) {
	
	.homepageAnimation {
		margin-top: 0px !important;
	}
	
	.serviceHolder .entry-content-wrapper {
		flex-direction: column !important;
	}
	
	.troevenHolder .entry-content-wrapper {
		display: block !important;
	}
	
	.specialTextBlockHolder .av_one_half {
		padding: 0px !important;
	}
	
	.specialTextBlockHolder .avia-image-container {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	
	.workWay {
	width: 100% !important;
		}

		.workWayText {
			width: 100% !important;
		}
	
	.fullGreyBox .container {
	padding: 0px 10px !important;
}
	
	.homePageTitle .easyTitle h1 {
	font-size: 30px !important;
}
}

.av-layout-tab {
	vertical-align: top !important;
}

.homePageTitle .content {
	padding-bottom: 20px !important;
}

.rt-tpg-isotope-buttons button {
	text-transform: capitalize !important;
}

.sub_menu .menu-item:first-child a {
	padding: 10px !important;
}

.footerItems p, .footerItems a {
	color: #bec4c7 !important;
}

.animationHolder {
	max-width: 860px !important;
	max-height: 281px !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .serviceHolder .entry-content-wrapper {
	display: block !important;
}
}

/* TCL form */

/* Textarea email and input fields */
.tcl-form input[type='text'], .tcl-form input[type='tel'], .tcl-form input[type='email'], .tcl-form input[type='file'], .tcl-form textarea {
font-size: 12px !important;	
line-height:  1em !important;
padding: 13px!important;
border-radius: 2px !important;	
}

.tcl-form label {
font-size: 15px !important;
}

.tcl-button {
padding: 15px 30px !important;
border-radius: 100px !important;
background-color:#f8a900 !important;
	font-size:15px !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	letter-spacing: 1px !important
	margin-top:20px !important;
}

.easyprintForm .tcl-form .tcl-button {
	background-color:#1ba19a !important;
}

/*----------------------------------------*/

/* calculator popup styling */
.headpopup {
	display: flex;
	width: 100%;
}

.headpopup a {
	display: flex;
	width: 100%;
	justify-content: center;
	background-color: #ffcc00;
	color: black;
	font-size: 14px;
}

/** pardot newsletter form */

#pardot-form {
	
}

#pardot-form p {
	width: 100% !important;
}

#pardot-form label {
	font-family: HurmeGeometricSans4 !important;
}
