/*
 Theme Name: YourSafetynet
 Theme URI: http://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: http://www.elegantthemes.com
 Redesign: QUEM Identiteit Makers
 Redesign URI: http://www.quem.nl
 Template: Divi
 Created: 17.08.2016
 Last Update: 20.11.2019
*/

/* Import Styling
------------------------------------------------------- */

@import url("../Divi/style.css");
@import url("../yoursafetynet/css/mobile.css");
 
/* Custom Font
------------------------------------------------------- */

.hermesfbbold {
  font-family: "Hermes FB";
  font-style: normal;
  font-weight: bold;
}

.hermesfbregular {
  font-family: "Hermes FB";
  font-style: normal;
  font-weight: normal;
}

.hermesfbthin {
  font-family: "Hermes FB Thin";
  font-style: normal;
  font-weight: normal;
}

/* Horizontal scrolling */

#page-container {
        overflow-x: hidden;
    }

/* CSS Styling
------------------------------------------------------- */

/* Green = #18a79d
 * Blue = 
 * */

body, p {
    font-family: 'Titillium Web', sans-serif;
}

a {
  font-weight: bold;
}

h1 {
    font-family: "Hermes FB";
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 36px;
}

h2 {
  font-family: "Hermes FB";
  font-style: normal;
  font-weight: normal;
  padding-bottom: 24px;
}

h3 {
  font-family: "Hermes FB";
  font-style: normal;
  font-weight: normal;
}

h4,h5 {
  font-family: "Hermes FB";
  font-style: normal;
  font-weight: normal;
  line-height: 1.6em !important;
}

ol, ul, li {
    font-family: 'Titillium Web', sans-serif;
}

.intro h2 {
	font-family: "Hermes FB";
	font-size: 1.7em;
	font-weight: bold !important;
}

.intro h3 {
	font-size: 1.5em;
	line-height: 1.6em;
}

.screenshot h3 {
	padding-top: 20px;
}

.intro p {
	font-family: "Hermes FB";
	font-style: normal;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.5em;
	color: #28394a;
}

.cta p,body {
	font-size: 1.2em;
	line-height: 1.6em;
}

.cta a {
  color: #00a9ed;
}

.header_intro p {
	font-size: 1.8em;
	line-height: 1.4em;  
}

.subtitle h2 {
    font-family: "Hermes FB";
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 36px;
}

.article h2 {
	padding-top: 24px;
}

.onderschrift p {
	font-size: 0.8em;
	font-style: italic;
}

.h3_inline h3 {
	padding-top: 20px;
}

.h2_green h2 {
	color: #18a79d;
}

.image_text {
	font-size: 0.9em;
	line-height: 1.3em;
	font-style: italic;
	color: #28394a;
	padding-bottom: 20px;
}

.list h3 {
  font-size:1.1em;
  padding-top:12px;
}

.code p {
	font-family: Courier, Courier New, Arial;
}

.tag h3 {
	font-family: "Hermes FB";
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
	background-color: #de5861;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 2.4em;
	display: inline-block;
}


/* =Bloom Optin
------------------------------------------------------- */


/* =Theme customization starts here
------------------------------------------------------- */

.et_pb_posts a.more-link {
    display: block;
    clear: both;
    background: #0065ac;
    padding: 6px;
        padding-left: 6px;
    padding-left: 18px;
    color: #ffffff;
    margin-top: 20px;
}

.et_pb_slide_title,.et_pb_slide_description {
    font-family: "Hermes FB";
    font-style: normal;
    font-weight: normal;
    font-size: 22px !important;
}

.et_pb_slide_content {
      font-family: 'Titillium Web', sans-serif;
      font-size: 16px !important;
}

.faq h3 {
  font-family: "Hermes FB";
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 26px;
}

.header h2 {
  font-family: "Hermes FB Thin";
  font-style: normal;
  font-weight: normal;
}

.header-news h2 {
	font-size: 3.0em !important;	
}

.quote a {
	font-style: normal;
  font-weight: normal;
}

.list_home li {
    padding-top: 12px !important;
    line-height: 22px !important;
}

.list_plus ul {
 list-style: none;
}

.list_plus li:before {
	content: "+";
	font-style: bold;
	margin-left: -16px;
	margin-right: 10px;
}

.title_caps h2 {
    font-family: "Hermes FB";
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 28px;
}

.cta_title h2 {
	font-size: 2.0em;
}

.et_pb_text li {
padding-top: 12px;
line-height: 30px;
}


.blockquote p {
    font-family: "Hermes FB";
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #17892e;
	border-left: none;
}

/* Main Menu */

#main-header .nav li ul a {
    color: #28394a !important;
}


/* Q&A Styling
------------------------------------------------------- */

.qa h2 {
  padding-top: 40px !important;
}

/* Blog Styling
------------------------------------------------------- */

.blog et_pb_fullwidth_header_subhead {
    font-family: "Hermes FB";
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
}

.tip h3 {
  padding-top: 32px !important;
}

/* CTA Bottom
------------------------------------------------------- */

.cta_bottom h2 {
    font-family: "Hermes FB";
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 36px;
}

.cta_bottom h3 {
  font-family: "Hermes FB";
  font-style: normal;
  font-weight: normal;
  padding-bottom: 24px;
}


/* Bottom Margin
------------------------------------------------------- */

.single .et_pb_post {
    margin-bottom: -48px;
}


/* CTA Button Main Menu
------------------------------------------------------- */ 

#et-top-navigation .et_pb_button {
    margin-top: 0px;
    font-size: inherit;
    font-weight: bold;
    color: #28394a;
    background-color: #fff;
}
 
#et-top-navigation .et_pb_button:after {
font-size: 23px;
}

#top-menu li {
	padding-right: 30px;
}

/* Main Menu Colapse
------------------------------------------------------- */




/* Contact Form 7 Styles
---------------------------------*/
 
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
  font-family: 'Titillium Web', sans-serif;  
  background-color: #eee !important;
  border: none !important;
  width: 100% !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  font-size: inherit;
  color: #28394a !important;
  padding: 16px !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.wpcf7-submit {
  font-family: "Hermes FB";
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #28394a !important;
  margin: 8px auto 0;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 6px 20px;
  line-height: 1.7em;
  background: transparent;
  border: 2px solid;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.wpcf7-submit:hover {
  background-color: #eee;
  border-color:#eee;
  padding: 6px 20px !important;
}

span.wpcf7-list-item {
display:block;
}


/*------------------------------------------------*/
/*--------[GQ - LEFT ALIGN BLOG IMAGE]------------*/
/*------------------------------------------------*/
 
    .et_pb_posts .et_pb_post a img, 
    .archive .et_pb_post a img, 
    .search .et_pb_post a img {
            max-width: 55% !important;
            float: left;
            padding-right: 40px;}

/*Equalize Blog Columns*/
 
.bloggrid .et_pb_salvattore_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
 
.bloggrid article {
        margin-bottom: 20px !important;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
 
.bloggrid .post-content {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
 
.bloggrid .column {
        margin-bottom: 20px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.form_light {
	color: #fff !important;
}

.form_light a {
	color: #16a99f !important;
}