/*
Theme Name: AyoubHR 2016 (version 3.2)
Theme URI: http://yescreative.ca
Author: Yes Creative
Author URI: http://yescreative.ca
Description: July 2016
Version: 3.2
License: Copyright 2016
*/

@import url(https://595cb6.claudeassets.com/20260412091007cs_/https://fonts.googleapis.com/css?family=Open+Sans);


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/******* Font families *******/


body { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/******* Colours *******/
nav ul, nav ul li { background: #fff; color: #000; }



/******* Links *******/
a { text-decoration: none; color: #F16522; }
#news a { color: #000; }
#news a.button { color: #fff; }
i, em { font-style: italic; }
b, strong { font-weight: bold; }
nav ul li a { text-decoration: none; color: #000; }
nav ul li:hover a, nav ul li ul li a { color: #000; }
p { line-height: 1.5em; margin-bottom: 1.2em; }
article ul, article ol { line-height: 1.5em; margin: 0 0 1em 1em; }
article ul { list-style-type: disc; }
article ol { list-style-type: decimal; }
h1 { font-size: 2.9em; margin-bottom: 0.8em; font-weight: 100; }
h2 { font-size: 1.65em; margin-bottom: 0.5em; font-weight: 100; line-height: 1.2em; margin-top: 0.6em; }
section.employpage h2 { font-size: 2.9em; }
.home footer h2 { font-size: 1.65em; margin-top: 0; }
h3 { font-size: 1em; margin: 1em 0; font-weight: bold; text-transform: uppercase; }
h1 a { color: inherit; }
h2 a, h3 a { color: #F16522; }
.excerpt p strong a { color: #000; }

/******* Base Styles *******/

header { /*box-shadow: 1px 0 3px #000; */margin:0; padding:0; }

footer { background: #000; color: #fff; }

#wpstats { display: none; }
#sign-up { display: none; }
#cboxLoadedContent #sign-up { display: block !important; }
#cboxLoadedContent #mobSearch { display: block !important; }
#cboxTitle { display: none !important; }
#cboxClose { border: 0; top: 0 !important; }

strong, b { font-weight: bold; }
article img { display: inline-block; padding: 0.2vw; box-shadow: 0 0 3px #888; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1em; }
.even { background-color: #FCF3E5; }
.odd { background-color: #fff; }
.home_top { background: #F16522; color: #fff; }
.home_top a { color: #fff; }
a.button { display: inline-block; padding: 1vw 3vw; text-align: center; background: #E9AD50; color: #fff; font-weight: bold; }
section.testimonials { background: #FCF3E5; }
section.employees { background: url('https://f9a26b.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/employees-tn.jpg') right top no-repeat #D4E8FC; background-size: contain; }
.woocommerce footer a.button {  display: inline-block; padding: 1vw 3vw; text-align: center; background: #E9AD50; color: #fff; font-weight: bold; border: 0; border-radius: 0; box-shadow: none; text-shadow: none; line-height: 1.5em; }
.page_nav { background: #FCF3E5; }
.navSearch input { font-family: 'Open Sans', Arial, sans-serif; }

section article form label {  display: inline-block; line-height: 1.7em; padding-bottom: 0.5em; position: relative; width: 60%;}
section article form label.label_email { width: 50%; }
section article form label input { font-family: "Open Sans",Arial,sans-serif; font-size: 1em; line-height: 1.3em; position: absolute; right: 0; top: -1px; width: 70%; }
section article form label.label_email input { width: 64%; }
section article input[type="submit"] { font-family: "Open Sans",Arial,sans-serif; font-size: 1em; line-height: 1.5em; border-radius: 0; border: 1px solid #ccc; /* width: 9.5% */ }
section article #downloads input[type="submit"] { width: 9.5%; }

section article #wpcf7-f7560-p2371-o1 form label input { position: relative; }

#content ul { list-style-type: disc; margin-left: 1em; line-height: 1.5em; }

div.wp-caption { width: 30% !important; }
div.wp-caption img { width: 100% !important; }

p, ul, ol { font-size: 1em; line-height: 1.5em; }

form input { font-size: 1em; }
form input[type="submit"] { border-radius: 0; background: #E9AD50; }

section ul { margin: 0 0 1em 1em; list-style-type: disc; }
.employee { background-color: #00c9ff !important; }

.signup { width: 100%; position: relative; padding-bottom: 5em; margin-bottom: 2em; }
.signup form { width: 100%; }
.signup .kws_input_container { display: inline-block; width: 32%; margin-left: 1%; }
.signup .kws_input_container:first-child { margin-left: 0; }
.signup input { background: #eee; border: 0; margin-bottom: 0.5em; padding: 0.5em 1em; width: 100%; line-height: 1.5em; }
.signup input[name="fname"] { width: 100%;}
.signup input[name="lname"] { width: 100%;}
.signup input[type="email"] { width: 100%; }
.signup h1 { text-align: center; }
.signup ul { font-size: 1.3em; }
.signup ul.checked { margin-left: 0; }
.signup ul.checked.career li { list-style-type: none; background: url('https://6c4735.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/chk-cc.png') left 0.2em no-repeat; background-size: 1em; padding-left: 1.5em; }
.signup ul.checked.smallb li { list-style-type: none; background: url('https://a8b6f7.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/chk-sb.png') left 0.2em no-repeat; background-size: 1em; padding-left: 1.5em;  }
.signup ul.unchecked { list-style-type: none; margin-left: 0; }
.signup ul img { width: 2em; height: 2em; margin-right: 0.8em; margin-bottom: 0.8em; vertical-align: top; }

.signup #f_fname { display: inline-block; width: 32%; margin-right: 1%; font-size: 1em; }
.signup #f_lname { display: inline-block; width: 32%; margin-right: 1%; font-size: 1em; }
.signup #f_email { display: inline-block; width: 32%; font-size: 1em; }
.signup .kws_input_fields input { width: 100%; }
.signup .cc_Go { display: inline-block; width: 100%; }
.signup .cc_Go input { border: 0 none;color: #fff;font-weight: bold;height: 2.25em;line-height: 0.9em;margin-top: -0.54em;vertical-align: top; }
.signup #cc_form_3 .cc_Go input { background: #f16522; }
.signup #cc_form_4 .cc_Go input { background: #00c9ff; }
.signup label { width: 100% !important; vertical-align: top; display: none; }
.signup #constant-contact-signup-errors label { display: block; }
.signup h2 { text-transform: uppercase; text-align: center; }
.signup div h2 { text-transform: none; }
.signup div h3 { padding: 0 0.5em; }
.signup div ul { padding: 0 0.5em; }
.signup div .cell { padding: 0 0.5em; }
.signup .cell img { display: block; margin: 0 auto; width: 80%; height: auto; box-shadow: 0 0 3px #666; }
.signup .cell .caption { text-align: center; font-style: italic; }
.signup #sbNewsletter { display: block; vertical-align: top; width: 100%; margin-right: 0; }
.signup #ccNewsletter { display: inline-block; vertical-align: top; box-shadow: 0 0 3px #666; width: 48%; margin-left: 2%; }
.signup img.top { width: 100%; display: block; margin: 0; padding: 0; height: auto; } 
.home_top.employpage .next { background-color: #D3DBDD; color: #000; }
.signup .privacy { text-align: center; }
.signup label[for="cc_65ad1e0c56_Go"] { display: block; text-align: center; position: absolute; bottom: 0; }
.signup input[type="submit"] { background: #CD3333; padding: 0.5em 1em; font-size: 1.6em; font-weight: bold; color: #fff; display: inline; margin: 0; width: auto; }
.signup .selectOption { font-size: 1.6em; font-weight: bold; color: #fff; width: 100%; margin: 1.5em 0 0 0; padding: 1em; text-align: center; position: relative; }
.signup .selectOption.sb { background-color: #F57C2D; }
.signup .selectOption.cc { background-color: #2DC6FF; }

/*.signup .selectOption [type="checkbox"]:checked, .signup .selectOption [type="checkbox"]:not(:checked) { display: none; }*/
.signup .selectOption [type="checkbox"]:checked + label:before { background: url('https://f5b23f.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/check-lrg.png') center center no-repeat #fff; background-size: 70%; color: #fff; border: 2px solid #000; width: 1.5em; height: 1.5em; display:inline-block; content:" "; position: absolute; left: 3.5em; top: 0.7em; margin: 0; }
.signup .selectOption [type="checkbox"]:not(:checked) + label:before  { background: #fff; color: #fff; border: 2px solid #000; width: 1.5em; height: 1.5em; display: inline-block; content: " "; position: absolute; left: 3.5em; top: 0.7em; margin: 0; }


.workshops.employpage { background-color: #D9F7FF; }
.testimonials.employpage { background-color: #fff; }
.employpage .button, .employpage input[type="submit"] { background-color: #00c9ff !important; }

form input {  border-radius: 0; }
form[action*="cc-signup"] input[type="submit"] { background-color: #00C9FF !important;}

#service_title { position: relative; margin-bottom: 2em; box-shadow: 0 0 3px #666; }
#service_title img { width: 100%; border: 0; padding: 0; box-shadow: none !important; }
#service_title h1 { position: absolute; bottom: 0; width: 100%; color: #fff; background-color: rgba( 0,153,255,0.5); padding: 0.5em 1em; margin: 0; font-size: 2.3em; line-height: 1.2em; }
#service_title.sb_services h1 { background-color: rgba( 241,103,37,0.8); }
#service_aside .additional { background: #eee; padding: 1em; text-align: center; }
#service_aside a { display: block; width: 100%; color: #fff; background: #00CDFF; padding: 1em;  }
#service_aside.sb_services a { background: #F16522;}

.tombstones .smallBusiness { background-color: #a3a3a3; }
.tombstones .smallBusiness .tb_button { background-image: url('https://9e015a.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/button-grey.png'); }

.tombstones .careerCoaching { background-color: #5d6b76; }
.tombstones .careerCoaching .tb_button { background-image: url('https://4a80cd.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/button-blue.png'); }

.tombstones .hrTools { background-color: #f26724; }
.tombstones .hrTools .tb_button { background-image: url('https://0da303.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/button-orange.png'); }
.motto p { margin-bottom: 0; }

.home section.home_top h1 { text-align: center; text-transform: uppercase; font-weight: bold; text-shadow: 3px 3px 3px rgba(0,0,0,0.3); }
.home section.home_top h3 { text-align: center; font-size: 1.8em; font-weight: bold; text-shadow: 3px 3px 3px rgba(0,0,0,0.3); }

.homeSecond { background-color: #fff4ee; }
.homeSecond .smallBusiness a { color: #f16725; }
.homeSecond .careerCoaching a { color: #00b7e8; }
.homeSecond .hrTools a { color: #999999; }

#match, #audit, #reward, #overlay,#askus { display: none; }
#match { background: #a3a3a3; }
#audit { background: #5d6b76; }
#reward { background: #f26724; }
#askus { background: #a99c13; }
#overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.6); }
.popup { 
    position: fixed; top: 10%; left: 20%; width: 60%; padding: 2em 5%;
    color: #fff; box-shadow: 3px 3px 5px rgba(0,0,0,0.8);
    }
.popup form { width: 100%; }
.popup form .kws_input_fields div { margin: 10px 0; }
.popup form .kws_input_fields label { display: inline-block; width: 20%; }
.popup form .kws_input_fields .cc_lists label { width: 100%; text-transform: uppercase; }
.popup form .kws_input_fields .cc_lists .cc-input-type-checkbox label { text-transform: none; }

.popup .closeForm { position: absolute; top: 1em; right: 1em; font-weight: bold; cursor: pointer; }

.tombstones div { text-decoration: none; text-shadow: -2px -2px 3px rgba(0,0,0,0.3); }
.tombstones div.clear { border: 0; margin: 0; padding: 0; height: 0; box-shadow: none; clear: both; }

.homeSecond .motto { margin: 1em 0; width: 100%; text-align: center; padding: 0;}
.homeSecond .motto h2 { line-height:1em; margin: 0; padding: 0; font-style: normal; font-weight: bold; }
.homeSecond .motto p { font-weight: bold; text-align: center; color: #867c81; margin-top: 0.5em; }
.homeSecond a { font-weight: bold; }

hr{clear:both}
.teammember.showfull{height:auto}
.teammember .fullbio{display:none}
.teammember img{width:20%;margin-top:-2em}
.teammember.showfull img{width:30%}
.teammember table img,.teammember.showfull table img{margin-top:0;width:100%}
.teammember.showfull .fullbio{display:block}
.toggle_fullbio{cursor:pointer;color:#F16522}
.teammember h2{width:70%}

.home_testimonial { padding: 0; }
.home_testimonial p { font-size: 0.8em; font-weight: normal; font-style: normal; }
        
/******* Mobile Styles *******/
@media screen and (max-width: 799px) {
	.mobileOnly { display: inline-block; }
	.desktopOnly { display: none !important; }
	body { font-size: 16px; }
	iframe { display: block; margin: 0 auto; }
        .wrapper { padding-left: 10px; padding-right: 10px; }
	/*section { padding: 4vw; }*/
	.home section h2 { font-size: 2.2em; }
	header { z-index: 10000; }
	img { max-width: 100%; }
        .page-id-5311 .wrapper { padding: 0 4vw; }
	header nav { position: relative; top: 0; left: 0; padding: 0 4vw 0 170px; height: auto; background: #fff; width: 100%; z-index: 10000; box-shadow: 1px 0 3px #000; font-size: 2.4vw; }

        .signup #sbNewsletter { width: 100%; margin-right: 0; }
        .signup #f_fname { width: 100%; margin-right: 0; }
        .signup #f_lname { width: 100%; margin-right: 0; }
        .signup #f_email { width: 100%; }
        .signup .selectOption [type="checkbox"]:checked + label:before { position: relative; left: 0; top: -0.1em; vertical-align: middle; }
        .signup .selectOption [type="checkbox"]:not(:checked) + label:before  { position: relative; left: 0; top: -0.1em; vertical-align: middle; }
        
	.woocommerce #content .woocommerce-breadcrumb { margin-top: 1em; }
	
        .home_top { padding: 0 4vw; background-color: #626262; width: 100%; position: relative; }
        .home_top img.mobileOnly { display: block; }
	.home_top h1 { margin: 0.5em 0; }
        .home_top h3 { margin: 0.5em 0;}
        .home section.home_top img { width: calc(100% + 8vw); margin-left: -4vw; max-width: none; height: auto; }
        .home section.home_top p { display: block; width: 100%; color: #fff; text-align: center; }
        .home section.home_top p a { color: inherit; font-weight: bold; white-space: nowrap; }
        .home section.home_top a.email_button { 
            display: inline-block; width: 150px; background: url('https://ac5bb7.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/email-me-btn.png') top left no-repeat; background-size: contain; 
            color: #fff; text-shadow: -2px -2px 3px rgba(0,0,0,0.6); text-transform: uppercase; 
            font-style: italic; font-weight: bold; text-align: center; font-size: 1.4em; line-height: 2em;
            position: relative; vertical-align: top; margin-bottom: 0.3em;
        }
	
	.home_menu { height: 28vw; color: #fff; background: #58595B; padding: 5vw 4vw !important;  }
	.home_menu a { display: inline-block; color: #fff; background-position: center top ; background-repeat: no-repeat; background-size: auto 10vw; padding: 10vw 2vw 0 0; width: 25%; text-align: center; vertical-align: top; font-weight: normal; }
	
	.home_menu a[href="#services"] { background-image: url('https://df2d0a.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/services-icon.png'); }
	.home_menu a[href="#news"] { background-image: url('https://b0c533.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/news-icon.png'); }
	.home_menu a[href="#founder"] { background-image: url('https://c49652.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/about-our-founder-icon.png'); }
	.home_menu a[href="#testimonials"] { background-image: url('https://5c3b42.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/what-people-say-about-us-icon.png'); }
        
        .popup { top: 23vw; }

        #news .cell { padding: 0; position:relative; width: 100%; display: block; }
	#news img { display: block; float: left; width: 18vw; height: 18vw; margin: 0 2vw 4vw 0; }
	#news .button { display: block; width: 100%; clear: both; margin-top: 4vw; }
	#news h3 { font-size: 1.4em; margin-bottom: 3vw; }
	#news .caption { font-weight: bold; }
	
	#services img { width: 80%; display: block; margin: 0 auto; }
	#founder .button { display: block; width: 64%; margin-top: 2em;  }
	#founder img { width: 28vw; height: auto; float: right; margin-top: -28vw; }
	
	#testimonials .w70 { width: 70%; display: inline-block; }
	#testimonials .w30 { width: 27%; display: inline-block; position: relative; }
	
	#testimonials { clear: both; }
	#testimonials img { display: block; width: 100px; height: auto; margin: 0 0 10px 10px; float: right;  }
	#testimonials blockquote { font-size: 1em; font-style: italic; color: #666; }
	#testimonials blockquote cite { font-size: 0.8em; font-style: normal; text-align: right; margin-top: 0; display: block; color: #000; }
	#testimonials blockquote cite:before { content: "\2014 "; }
	
	footer { clear: both; text-align: center; padding: 2vw 4vw; }
	footer h2 { font-size: 1.4em; margin: 1em 0 0 0; }
	footer ul li { display: inline-block; border-right: 2px solid #fff; color: #fff; padding: 0 0.5em; margin-top: 1em; }
	footer ul li:last-child { border-right: 0; }
	footer ul li a { color: #fff; }
	footer form { margin-top: 1em; margin-bottom: 3em; }
	footer form div { display: inline-block; margin: 0 -4px 0 0; }
	footer label, footer input { display: inline-block; line-height: 1.7em; }
	footer input[type="submit"] { background-color: #E9AD50; color: #fff; border: 0; padding: 0.6vw 1.2vw; }
	footer br { display: none; }
	
	.home section h2 { text-align: center; }
	.share { padding-top: 1em; text-align: center; width: 100%; }
	
	.topics { text-align: center; font-size: 15px; }

	.topic_box { width: 6em; display: inline-block; margin-right: 1em; margin-bottom: 2em; position: relative; padding-bottom: 2.7em; }
	.topic_box img { width: 100%; height: 6em; padding:0; }
	.topic_name { position: absolute; bottom: 0; left: 0; width: 100%; height: 2.5em; color: #000; }
	
	section article img { width: 100%; height: auto; }
        section article img.aligncenter { border: 0; box-shadow: none; }
	section.newsletter iframe { width: 100%; height: 1000px; }
	#sign-up { width: 90%; }
	#sign-up form { width: 100%; margin-top: 20px; padding: 0 2vw; }
	#sign-up form input { width: 100%; }
	#sign-up form input[type="submit"] { width: 80%; margin: 0 auto; display: block; }
	
        #mainNav { display: none; }
        nav div { display: inline-block; margin: 0; padding: 0; cursor: pointer; }
	nav ul#socials { display: inline-block; position: absolute; top: 2vw; left: 32vw; }
	nav ul#socials li { display: inline-block; padding: 0; }
	nav ul#socials li:hover { background: none; }
	nav ul#socials li a img { width: 3vw; height: auto; }
	nav .logo { display: block; position:absolute; left: 0; width: 150px; }
	nav .logo img { height: auto; width: 100%; margin-top: 1vw; }

	nav .menu { font-size: 1.6em; }
	.menu_mob ul { position: relative; top: 0; left: 0; width: 100%; }
	.menu_mob ul li { padding: 8px; line-height: 1.5em; font-size: 0.6em; }
        .menu_mob ul li a { color: #000; font-size: 1.6em; }
	nav .search_li { display: none; }
	nav .search_dv_mob { position: relative; width: 100%; left: 0; top: 0; }
	nav .search_dv_mob a { color: #000; }
        nav .ebook { display: none; margin: 0; font-size: 1.6em; padding: 0 1em; }
        nav .ebook a { color: #000; }
        nav .contactus { margin: 0; font-size: 1.6em; }
        .menu_mob { display: none; }
        .menu_mob.vis { display: block; border: 1px solid #000; }
        .menu_mob.vis ul li a { display: block; width: 100%; height: 100%; }
	.menu_mob.vis ul li ul { display: none; }
	.mob_search { display: none; }
	.mob_search form { width: 90%; }
        .mob_search.vis { display: block; }
        p.cart { margin-left: 0.5em; }
        p.cart a { color: #000; }

	.subscribe { float: right; height: 9vw; line-height: 9vw; }
	.subscribe form { height: 9vw; }
	.subscribe form input { height: 9vw; margin: 0.5vw 0 0 0; line-height: 9vw; border: 0; background: #ccc; vertical-align: top; padding: 0 1em; font-weight: bold; width: 13vw; }
	.subscribe form input[type="submit"] { background: #F16522; color: #fff; width: 26vw; font-size: 1.6em; }
                
	
	.nav_search { font-size: 1.6em; display: inline-block; min-height: 1em; margin: 0 0.5vw; vertical-align: top; }
	.nav_search .holder { text-indent: -10000px; color: #F16522; font-weight: bold; font-style: italic; line-height: 9vw; margin: 0; background: url('https://3ac916.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/search.png') left top no-repeat; background-size: 1.3em auto; padding-left: 1.5em; }
	.mob_search form { width: 100%; top: 0; left: 0; }
	.mob_search form input { font-size: 1.6em; width: 100%; line-height: 9vw; height: 9vw; margin: 0.5vw 0 0 0; background: url('https://2528bc.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/search-lg.png') 0.5em center no-repeat #E9AD50; background-size: 1.2em auto;color: #fff; padding: 0 1em 0 2em; border: 0; }
	.mob_search form ::-webkit-input-placeholder { color: #fff; opacity: 1; font-style: italic; }
	.mob_search form :-moz-placeholder { color: #fff; opacity: 1; font-style: italic; }
	.mob_search form ::-moz-placeholder { color: #fff; opacity: 1; font-style: italic; }
	.mob_search form :-ms-input-placeholder { color: #fff; opacity: 1; font-style: italic; }	

	.videos { background: url('https://4f25fd.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/videos-podcasts-tn.jpg') left top; background-size: cover; width: 100%; height: 45vw; }

        .testimonials .cell { display: table-cell; vertical-align: top; text-align: left; margin:0; padding:0 0 0 2vw;border: 0; }
	.testimonials .cell:first-of-type { padding-left: 0; }
	.testimonials .cell img { width: 100px; height: auto; }
        .testimonials .w30 { width: 100px; } 
        .testimonials .w70 { width: calc(100% - 100px); }
        .testimonials blockquote p { margin: 0 0.5em; font-style: italic; }
        .testimonials blockquote img.prequote { display: none; }
        .testimonials blockquote img.postquote { display: none; }
        .testimonials blockquote cite { display: block; margin: 0 0.5em; line-height: 1.5em; }
        
        .workshops { position: relative; padding-top: 97vw; }
        .workshops.employpage { padding-top: 80vw; }
        .workshops h2 { position: absolute; top: 0; margin-top: 0; }
        .workshops .button { display: block; width: 50vw; margin: 0 auto; }
        .workshops .wkhp { position: absolute; top: 56px; left: 0; }
        .workshops.wkhp1 { padding-top: 108vw; padding-bottom: 1em; }
        .workshops.wkhp2 { padding-top: 138vw !important; padding-bottom: 1em; }
        .workshops.wkhp3 { padding-top: 133vw; }
        .workshops.wkhp4 { padding-top: 168vw !important; padding-bottom: 1em; }
        .workshops.employ .wkhp { top: 70px; }
        .workshops.wkhp1 .wkhp { top: 159px; }
        .workshops.wkhp2 .wkhp { top: 212px; }
        .workshops.wkhp3 .wkhp { top: 200px; }
        .workshops.wkhp4 .wkhp { top: 241px; }
        .workshops.wkhp1 h2 { margin-bottom: 0; margin-top: 0.8em; }
        .workshops.wkhp2 h2 { margin-bottom: 0; margin-top: 0.8em; }
        .workshops.wkhp3 h2 { margin-bottom: 0; margin-top: 0.8em; }
        .workshops.wkhp4 h2 { margin-bottom: 0; margin-top: 0.8em; }
        
        .videos { background-color: #000; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 90px; color: #fff !important; height: auto; padding-top: 300px; position: relative; }
        .videos h2 { position: absolute; top: 0; text-align: left !important; width: 90vw; }
        .videos a.button { padding: 3vw 5vw; } 
        
        .fresh h2 { text-align: left; }
        .fresh.employpage h2 span { display: block; font-size: 0.5em; line-height: 1.2em; margin-top: 0.4em; }
        .fresh .excerpt { margin: 1em 0 2em 0; }
        .fresh .excerpt p { margin: 0; }
        .fresh .excerpt p a { font-weight: bold; }
        
        .employees { background-position: 0 116px !important; padding-top: 108vw; position: relative; }
        .employees h2 { font-size: 2.3em !important; position: absolute; text-align: left !important; top: 0px; }
        .employees a.button.employee { display: block; font-size: 1.3em; padding: 3vw 3vw; }
        
        #single_content aside#service_aside { width: 100%; margin-bottom: 1em; }
        #service_title h1 { font-size: 1.4em !important; }
        
        .tombstones { padding: 0 4vw; color: #fff; margin-top: 1em; }
        .tombstones div { position: relative; padding-bottom: 2em; }
        .tombstones div h3 { font-size: 2.2em; margin: 0.5em 4vw; padding-top: 0.5em; text-transform: capitalize; }
        .tombstones p  { margin: 0.3em 4vw; }
        .tombstones ul { margin: 0.3em calc(128px + 4vw) 0.3em calc(4vw + 2em); }
        .tombstones div a.tb_button { 
            display: block; width: 124px; padding: 0.8em; position: relative; top: 0; right: 4vw; float: right; text-transform: capitalize;
            background: left top no-repeat; background-size: 100% 100%; color: #fff; text-align: center; line-height: 1.3em;
        }
        .tombstones .smallBusiness .tb_button { background-image: url('https://e4283e.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/btn-grey-m.png'); }
        .tombstones .careerCoaching .tb_button { background-image: url('https://e141d0.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/btn-blue-m.png'); }
        .tombstones .hrTools .tb_button { background-image: url('https://e8abc7.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/btn-org-m.png'); }
        
        .home section.homeSecond { margin-top: 1em; }
        .home section.homeSecond h1 { text-transform: none; line-height: 1.1em; }
        .home section.homeSecond iframe { width: 100%; height: 49vw; margin-bottom: 1em; }
        
        .home section.homeThird h2 { font-weight: bold; text-align: left; margin-left: 0; padding-left: 0; text-transform: capitalize; }
        .home section.homeThird p { font-weight: bold; font-size: 1.4em; }
        .home section.homeThird p a { white-space: nowrap; }
        .home .homeThird a.email_button { 
            display: block; width: 179px; margin: -0.7em auto 0 auto; background: url('https://ac5bb7.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/email-me-btn.png') top left no-repeat; 
            background-size: 100% 100%; color: #fff; text-shadow: -2px -2px 3px rgba(0,0,0,0.6); text-transform: uppercase; 
            font-style: italic; font-weight: bold; text-align: center; font-size: 1.4em; line-height: 2.4em; 
        }
        
        footer input[type="submit"] { background-color: #e42825; }
       
	.int_cc h2, .int_sb h2 { padding-top: 1em; margin-top: 0; }
	
	section.int_sb, section.int_cc { padding: 1em 0 0 0; }
        section.int_sb .cont, section.int_cc .cont { padding: 45vw 4vw 1em 4vw; }
        
        .home section.motto { padding-top: 0; padding-bottom: 0; }
        
	section#personality .cont { border-bottom: 4px solid #0099cc; background: #e6f9fe; background-size: 100% auto;  }
	section#ace90days .cont { border-bottom: 4px solid #72a393; background: #f1f7f5; background-size: 100% auto;  }
	section#millenials .cont { border-bottom: 4px solid #50aacb; background: #edf5f8; background-size: 100% auto;  }
        section#newcomers .cont { border-bottom: 4px solid #d07f85; background: #f1f4f5; background-size: 100% auto;  }	
	section#newcomers .cell { padding: 0; }	    
    
	section#personality a { color: #0099cc; font-weight: bold; }
	section#ace90days .button { background-color: #72a393; color: #fff; }
	section#millenials .button { background-color: #50aacb; color: #fff; }
	section#newcomers .button { background-color: #d07f85; color: #fff; }
	
	section#personality ul { margin-left: 0; }
	section#personality ul h3, section#personality ul p { margin: 0; }
	section#personality ul li { list-style-type: none; padding-right: 5em; background: right top no-repeat; background-size: 3.5em; margin-bottom: 1em; }
	section#personality ul li:nth-child(1) { background-image: url('https://3d3b54.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/quiz-icn.png');}
	section#personality ul li:nth-child(2) { background-image: url('https://d75144.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/mbti-icn.png');}
	section#personality ul li:nth-child(3) { background-image: url('https://07c1c2.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/gear-icn.png');}
	
	section#benefits .cont { border-bottom: 4px solid #ec7337; background: #fbdebd; background-size: 100% auto; }
	section#outplacement .cont { border-bottom: 4px solid #a99c13; background: url('https://b356cf.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/outplacement-sb-fld-m.jpg') left top no-repeat #f8f3bf; background-size: 100% auto;  }
	section#owner .cont { border-bottom: 4px solid #dcad13; background: url('https://7bb4e8.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/about-us-sb-fld-m.jpg') left top no-repeat #ffe9bd; background-size: 100% auto;  }
	section#testimonials .cont { padding-top: 0; }
        section#testimonials .cont h2 { margin-top: 0; }
	
	section#myers-briggs .cont { padding-top: 0;
background: #dad4c5; /* Old browsers */
background: -moz-linear-gradient(top,  #dad4c5 0%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dad4c5 0%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dad4c5 0%,#ffffff 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dad4c5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 padding-right: 2em; padding-left: 2em; padding-bottom: 1em; }
 
 	section#profilesint .cont { padding-top: 0;
background: #c5d8da; /* Old browsers */
background: -moz-linear-gradient(top,  #c5d8da 0%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c5d8da 0%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c5d8da 0%,#ffffff 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5d8da', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 padding-right: 2em; padding-left: 2em; padding-bottom: 1em; }
 
  	section#podcasts .cont { padding-top: 0;
background: #dac5c5; /* Old browsers */
background: -moz-linear-gradient(top,  #dac5c5 0%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dac5c5 0%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dac5c5 0%,#ffffff 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dac5c5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 padding-right: 2em; padding-left: 2em; padding-bottom: 1em; }
 
  	section#videos .cont { padding-top: 0;
background: #c5d1da; /* Old browsers */
background: -moz-linear-gradient(top,  #c5d1da 0%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c5d1da 0%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c5d1da 0%,#ffffff 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5d1da', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 padding-right: 2em; padding-left: 2em; padding-bottom: 1em; }
 
  	section#webinars .cont { padding-top: 0;
background: #cec5da; /* Old browsers */
background: -moz-linear-gradient(top,  #cec5da 0%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cec5da 0%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cec5da 0%,#ffffff 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cec5da', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 padding-right: 2em; padding-left: 2em; padding-bottom: 1em; }

section#myers-briggs .cont img,
section#profilesint .cont img,
section#podcasts .cont img,
section#videos .cont img,
section#webinars .cont img 
    { display: block; float: right; width: 100px; height: auto; margin: 0 0 10px 10px; box-shadow: 0 0 3px #666; }
        
section#myers-briggs ul li { list-style-type: none; }	
section#myers-briggs a, section#profilesint a, section#podcasts a, section#webinars a, section#videos a { color: #000; }
img.givetolearn { display: block; float: right; width: 100px; height: auto; margin: 0 0 10px 10px; }	
	section#benefits .button { background-color: #ec7337; color: #fff; }
	section#outplacement .button { background-color: #a99c13; color: #fff; }
	section#owner .button { background-color: #dcad13; color: #fff; }
	p.tst_link { text-align: center;  }

.popup { left: 10%; width: 80%; }
.popup form .kws_input_fields label { width: 100%; }
	        
}

/******* Desktop Styles *******/
@media screen and (min-width: 800px),
	screen and (min-width: 800px) and (orientation: portrait),
	screen and (min-width: 800px) and (orientation: landscape),
	screen and (min-device-width: 800px) and (-webkit-min-device-pixel-ratio: 2),
	screen and (min-device-width: 800px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
	screen and (min-device-width: 800px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) 
{
	body {font-size: 1.3vw; padding-top: 0.7em; }
	header { width: 100%; background: #fff; z-index: 10000; top: 0; height: 4em; }
	.floating { position: fixed; }
	.mobileOnly { display: none !important; }
	.desktopOnly { display: inline-block; }
	.last { padding-bottom: 4vw !important; }
	.cell { display: table-cell; vertical-align: top; text-align: left; margin:0; padding:0 0 0 2vw;border: 0; }
	.cell:first-of-type { padding-left: 0; }
	.cell img { width: 100%; height: auto; }
	.w05 { width: 5%; }
	.w10 { width: 10%; }
	.w15 { width: 15%; }
	.w20 { width: 20%; }
	.w25 { width: 25%; }
	.w30 { width: 30%; }
	.w33 { width: 33%; }
	.w40 { width: 40%; }
	.w50 { width: 50%; }
	.w60 { width: 60%; }
	.w70 { width: 70%; }
	.w75 { width: 75%; }
	.w80 { width: 80%; }
	.w85 { width: 85%; }
	.w90 { width: 90%; }
	.w95 { width: 95%; }
        
        #mob_Nav { display: none; }
	nav { position: relative; padding: 0 13vw; }
	nav div { display: inline-block; padding: 0; }
	nav ul { list-style-type: none; transition: height 0.2s linear; margin-top: 2.2em; }
	nav ul li { display: inline-block; transition: height 0.2s linear;  margin: 0; position: relative;  }
	nav div.menu { float: right; }
	nav .menu ul li { padding: 0 0.3em; }
        nav .menu ul li:last-child { padding-right: 0;}
	nav .menu ul li ul { position: absolute; top: 0; left: 0; background: url('https://aa3b21.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/menu-sub.png') center top no-repeat rgba(255,255,255,0); background-size: auto 1em; width: 100%; display: none; padding: 1em 0 0 0; margin: 1.5em 0 0 0; z-index: 1000; }
	nav .menu ul li ul li { background: #CCCCCC; color: #000; display: block; width: 22vw; line-height: 1.5em; padding: 0.3em 1em; }
	nav .menu ul li ul li a { color: #000; }
	nav ul#socials li:hover { background: none; }
	nav .menu ul li ul li:first-child { padding-top: 0.5em; }
	nav .menu ul li ul li:last-child { padding-bottom: 0.5em; }
	nav .menu ul li:hover ul { display: block; }
        
        .menu_mob, .mob_search { display: none; }
	
	.nav_search { display: block; width: calc(88% - 26vw); position: absolute; top: 0.3em; right: 13vw; }
	.nav_search p { width: auto; float: right; padding: 0 1em; margin-bottom: 0; }
	.nav_search p.login a, .nav_search p.cart a { color: #000; }
	.nav_search .holder { color: #000; margin: 0; background: url('https://b08040.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/mag-off.png') right center no-repeat; background-size: 1.3em auto; padding-right: 1.7em; }
	.nav_search form { display: inline-block; width: 0; transition: width 0.25s linear; }
	.nav_search form input { transition: all 0.25s linear; width: 0; border: 0; padding: 0; line-height: 2em; margin-top: -0.3em; }
	.nav_search form ::-webkit-input-placeholder { color: #fff; opacity: 1; font-style: italic; }
	.nav_search form :-moz-placeholder { color: #fff; opacity: 1; font-style: italic; }
	.nav_search form ::-moz-placeholder { color: #fff; opacity: 1; font-style: italic; }
	.nav_search form :-ms-input-placeholder { color: #fff; opacity: 1; font-style: italic; }
	.nav_search .ns_search { float: right; min-width: 10vw; }	
	.nav_search .ns_search:hover form { width: 15vw; }
        .nav_search .ns_search:hover form input { width: 15vw; background: url('https://2528bc.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/search-lg.png') 0.5em center no-repeat #E9AD50; background-size: 1.2em auto;color: #fff; padding: 0 1em 0 2em; }
	.nav_search .ns_search:hover .holder { display: none; }
	
	.home_top { width: 100%; height: 26vw; position: relative; background: #fff; overflow: hidden; }
	.videos { background: url('https://4f25fd.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/videos-podcasts-tn.jpg') left top; background-size: cover; width: 100%; height: 45vw; }
	
	.home_top img { display: block; width: 100%; height: auto; padding: 0; margin: 0; box-shadow: 0 0 3px #666; }
	.home_top p { color: #000; }
	
	.int_cc h2, .int_sb h2 { padding-top: 1em; margin-top: 0; }
	
	section .cont { box-shadow: 0 0 4px #666; }
	section.int_sb, section.int_cc { padding-top: 1vw; }

	section#personality .cont { border-bottom: 4px solid #0099cc; background: #e6f9fe; background-size: auto 100%; padding-right: 2em; padding-left: 2em; }
	section#ace90days .cont { border-bottom: 4px solid #72a393; background: #f1f7f5; background-size: auto 100%; padding-left: 2em; padding-right: 2em; }
	section#millenials .cont { border-bottom: 4px solid #50aacb; background: #edf5f8; background-size: auto 100%; padding-left: 2em; padding-right: 2em; }
    section#newcomers .cont { border-bottom: 4px solid #d07f85; background: #f1f4f5; background-size: auto 50%; padding-left: 2em; padding-right: 2em; }	
	section#newcomers .cell { padding: 0; }	    
    
	section#personality a { color: #0099cc; font-weight: bold; }
	section#ace90days .button { background-color: #72a393; color: #fff; }
	section#millenials .button { background-color: #50aacb; color: #fff; }
	section#newcomers .button { background-color: #d07f85; color: #fff; }
	
	section#personality ul { margin-left: 0; }
	section#personality ul h3, section#personality ul p { margin: 0; }
	section#personality ul li { list-style-type: none; padding-left: 5em; background: left top no-repeat; background-size: 3.5em; margin-bottom: 1em; }
	section#personality ul li:nth-child(1) { background-image: url('https://3d3b54.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/quiz-icn.png');}
	section#personality ul li:nth-child(2) { background-image: url('https://d75144.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/mbti-icn.png');}
	section#personality ul li:nth-child(3) { background-image: url('https://07c1c2.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/gear-icn.png');}
	
	section#benefits .cont { border-bottom: 4px solid #ec7337; background: #fbdebd; padding-right: 2em; padding-left: 2em; }
	section#outplacement .cont { border-bottom: 4px solid #a99c13; background: url('https://79f934.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/outplacement-sb-fld.jpg') left top no-repeat #f8f3bf; background-size: auto 100%; padding-left: 45%; padding-right: 2em; }
	section#owner .cont { border-bottom: 4px solid #dcad13; background: url('https://d8aa42.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/aline-ayoub-sb-fld.png') right top no-repeat #ffe9bd; background-size: auto 100%; padding-right: 35%; padding-left: 2em; }
	section#testimonials .cont { box-shadow: none; }
	section#testimonials .cont h2 { margin-top: 0; }
	
	section#myers-briggs .cont { 
background: #dad4c5; /* Old browsers */
background: -moz-linear-gradient(top,  #dad4c5 0%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dad4c5 0%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dad4c5 0%,#ffffff 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dad4c5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 padding-right: 2em; padding-left: 2em; padding-bottom: 1em; }
 
 	section#profilesint .cont { 
background: #c5d8da; /* Old browsers */
background: -moz-linear-gradient(top,  #c5d8da 0%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c5d8da 0%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c5d8da 0%,#ffffff 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5d8da', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 padding-right: 2em; padding-left: 2em; padding-bottom: 1em; }
 
  	section#podcasts .cont { 
background: #dac5c5; /* Old browsers */
background: -moz-linear-gradient(top,  #dac5c5 0%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dac5c5 0%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dac5c5 0%,#ffffff 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dac5c5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 padding-right: 2em; padding-left: 2em; padding-bottom: 1em; }
 
  	section#videos .cont { 
background: #c5d1da; /* Old browsers */
background: -moz-linear-gradient(top,  #c5d1da 0%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c5d1da 0%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c5d1da 0%,#ffffff 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5d1da', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 padding-right: 2em; padding-left: 2em; padding-bottom: 1em; }
 
  	section#webinars .cont { 
background: #cec5da; /* Old browsers */
background: -moz-linear-gradient(top,  #cec5da 0%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cec5da 0%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cec5da 0%,#ffffff 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cec5da', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 padding-right: 2em; padding-left: 2em; padding-bottom: 1em; }

section#myers-briggs ul li { list-style-type: none; }	
section#myers-briggs a, section#profilesint a, section#podcasts a, section#webinars a, section#videos a { color: #000; }
img.givetolearn { display: block; float: left; height: 8em; width: auto; margin: 0.4em 10px 4em 0; }	
	section#benefits .button { background-color: #ec7337; color: #fff; }
	section#outplacement .button { background-color: #a99c13; color: #fff; }
	section#owner .button { background-color: #dcad13; color: #fff; }
	p.tst_link { text-align: center;  }
	
	.testimonials h2 { text-align: center; }
	
	.testimonial_photo { display: inline-block; width: 22%; padding-right: 2%; margin: 0 0 1em 0; }
	.testimonial_photo img { display: block; padding: 0.5em; box-shadow: 0 0 4px #666; width: 100%; height: auto; }
	.testimonial_text { display: inline-block; width: 75%; padding: 0; margin: 0 0 1em 0; vertical-align: top; }
	.testimonial_text p { margin: 0; }
        
	.home_top .next { background: url('https://139f06.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/chevron.png') center 1.9em no-repeat #333333; background-size: 1em; color: #fff; height: 3em; vertical-align: top; position: absolute; bottom: -1.3em; left: 38vw; font-weight: bold; padding: 0.2em 1em; margin: 0 auto; }
	
        .home_top.employpage { background-image: url('https://e08603.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/employees-bnr.jpg'); }
	.home_top.employpage .intro { background-color: #00c9ff !important; top: 9vw; right: 52vw; width: 30vw; height: 22vw; text-align: left; }
        .home_top.employpage .intro img { width: 9vw; }
        .home_top.employpage .intro p { font-size: 2.7em; }
        .home_top.employpage .intro form { width: 100%; clear: both;  }
        .home_top.employpage .intro form textarea[type="email"] { width: 16vw !important; font-size: 1.1em; }
	.home_top.employpage .intro form button[type="submit"] { width: 11vw !important; background: #333333 !important; padding: 0 0.5em; font-size: 1.1em; }
        
        h2 span { display: inline-block; width: 68%; font-size: 0.6em; vertical-align: top; border-left: 2px solid #000; padding-left: 0.5em; line-height: 1em; }
	
	.subscribe { float: right; height: 5vw; line-height: 5vw; }
	.subscribe form { height: 5vw; }
	.subscribe form input { height: 4vw; margin: 0.5vw 0 0 0; line-height: 4vw; border: 0; background: #ccc; vertical-align: top; padding: 0 1em; font-weight: bold; width: 13vw; }
	.subscribe form input[type="submit"] { background: #F16522; color: #fff; width: 10vw; border: 0; border-radius: 0; }

	.logo { display: inline-block; height: 4vw; vertical-align: top; margin: 0.5vw 0 0 0; }
	.logo img { height: auto; width: 14vw; }
	#socials { vertical-align: top; padding: 0 1em 0 1.5em; }
	#socials li { line-height: 5vw; padding: 0; margin: 0 !important; }
	#socials li a { display: inline-block; width: 1em; }
	#socials li a img { display: inline-block; width: 100%; height: auto; }
	.wrapper { margin: 1vw 13vw 0 13vw; width: 73vw; }
	.home .wrapper { margin: 1vw auto 0 auto; width: 100%;  }
	section { width: 100%; margin: 0 auto; padding: 2vw 0; }
	.home section { padding: 2vw 13vw; }
	.home section.home_top { padding: 0; position: relative; }
        .home section.home_top h1 { position: absolute; top: 0.6em; left: 27%; width: 45%; }
        .home section.home_top h3 { position: absolute; top: 0%; width: 100%; }
        .home section.home_top h3+h3 { top: 2.5em; }
        .home section.home_top p { position: absolute; top: 62%; width: 100%; text-align: center; color: #fff; font-size: 1.2em; }
        .home section.home_top p a { color: inherit; font-weight: bold; }
        .home section.home_top a.email_button { display: inline-block; padding: 0 15px; background: url('https://ac5bb7.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/email-me-btn.png') top left no-repeat; background-size: contain; color: #fff; text-shadow: -2px -2px 3px rgba(0,0,0,0.6); text-transform: uppercase; font-style: italic; font-weight: bold; text-align: center; font-size: 1.4em; line-height: 2.4em; }
	#single_content { padding-bottom: 0; padding-top: 0; }
        #post_list { padding-top: 0; }

        .home .homeThird p { width: 78%; margin-right: 2%; float: left; font-size: 1.2em; }
        .home .homeThird p a { font-weight: bold; }
        .home .homeThird a.email_button { display: inline-block; width: 20%; margin-top: -0.7em; background: url('https://ac5bb7.claudeassets.com/20260412091007im_/https://www.ayoubhr.com/wp-content/themes/ayoubhr-v3.2/images/email-me-btn.png') top left no-repeat; background-size: contain; color: #fff; text-shadow: -2px -2px 3px rgba(0,0,0,0.6); text-transform: uppercase; font-style: italic; font-weight: bold; text-align: center; font-size: 1.4em; line-height: 2.4em; }
        
        
    .single_content { padding-bottom: 0; }
	#single_content article { width: 100%; display: inline-block; vertical-align: top; padding-bottom: 2vw; }
	#single_content aside { width: 28vw; display: block; vertical-align: top; padding-left: 1vw; float: right; margin-bottom: 2vw; }
	#single_content aside .featured_container { padding: 0.2vw; box-shadow: 0 0 3px #888; overflow: hidden; /*height: 28vw; */}
	#single_content aside img.featured_img { width: 100%; height: auto; display: block; padding: 0 !important; box-shadow: none !important; }
	.share { padding-top: 1em; text-align: center; width: 100%; }
	
	.search_li { padding-right: 3vw; }
	.navSearch { width: 1.2em; height: 4vw; text-align: right; overflow: hidden; transition: top 0.5s, width 0.2s; position: absolute; top: 0; right: 13vw; z-index: 20000; }
	.navSearch input { display: inline-block; font-size: 0.6em; line-height: 1.2em; width: 20em; }
	.navSearch input[type="submit"] { width: 1em; height: 1em; border:0; padding: 0; margin: 0; background: none; text-indent: -1000px; transition: font-size 0.5s, color 0.5s; color: #000; }
	li:hover #navSearch, .hover #navSearch { top: 4.7vw; font-size: 1.5em; height: 2em; width: 30em; }
	li:hover input[type="submit"], .hover input[type="submit"] { color: #fff; }
	
	.post_meta { margin-top: -2em; }
	
	#post_list article { vertical-align: top; margin-bottom: 2vw;  }
	#post_list article:nth-of-type(2n) {  }
	#post_list article .thumb { width: 17.52vw; box-shadow: 0 0 3px #888; height: 15.56vw; margin: 0 0.8vw 0 0; padding: 0.2em; display: inline-block; overflow: hidden; position: relative; }
	#post_list article .thumb img.featured_img { width: 100%; height: auto; box-shadow: none; }
	#post_list article .thumb .corner { position: absolute; bottom: 0; right: 0; text-align: center; background: url('https://efb67d.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/corner.gif') no-repeat bottom right; background-size: cover; width: 50%; height: 53%; margin: 0; }
	#post_list article .thumb .corner p {
		-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
		bottom: 0; right: 0; height: 55%; width: 69%; position: absolute; margin: 0;
	}
	#post_list article .thumb p a { color: #fff; }
	#post_list article .excerpt { display: inline-block; vertical-align: top; width: 54vw; }
	#post_list article .excerpt p { margin-bottom: 0; }
	
	.fresh article { width: 100%; vertical-align: top; margin-bottom: 2vw;  }
	.fresh article .thumb { width: 17.52vw; box-shadow: 0 0 3px #888; height: 15.56vw; margin: 0 0.8vw 0 0; padding: 0.2em; display: inline-block; overflow: hidden; position: relative; }
	.fresh article .thumb img.featured_img { width: 100%; height: auto; box-shadow: none; }
	.fresh article .thumb .corner { position: absolute; bottom: 0; right: 0; text-align: center; background: url('https://efb67d.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/corner.gif') no-repeat bottom right; background-size: cover; width: 50%; height: 53%; margin: 0; }
	.fresh article .thumb .corner p {
		-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
		bottom: 0; right: 0; height: 55%; width: 69%; position: absolute; margin: 0;
	}
	.fresh article .thumb p a { color: #fff; }
	.fresh article .excerpt { display: inline-block; width: 53vw; vertical-align: top; }
	.fresh article .excerpt p { margin-bottom: 0; }
	
	.home_top iframe { width: 100%; height: 27vw; }
	.home_top .cell { padding: 0; }
	.home_top .cell.w40 { padding-right: 2vw; }
	.home_top .w60 { float: right; }
	.home_top h1 { text-align: center; }
	.home_top .motto { font-size: 1.4em; text-align: center; font-style: italic; margin-top: 1em; }
	
	.home_menu { height: 9vw; color: #fff; background: #58595B; padding: 0 13vw !important;  }
	.home_menu a { display: inline-block; color: #fff; background-position: left center; background-repeat: no-repeat; background-size: auto 4vw; padding: 3vw 2vw 3vw 5vw; width: 25%; text-align: left; vertical-align: middle; font-weight: bold; }
	
	.home_menu a[href="#services"] { background-image: url('https://df2d0a.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/services-icon.png'); }
	.home_menu a[href="#news"] { background-image: url('https://b0c533.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/news-icon.png'); }
	.home_menu a[href="#founder"] { background-image: url('https://c49652.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/about-our-founder-icon.png'); }
	.home_menu a[href="#testimonials"] { background-image: url('https://5c3b42.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/what-people-say-about-us-icon.png'); }
	
	.videos { color: #fff; }
	
	#news { padding: 2vw 11vw 2vw 11vw;}
	#news h2 { padding-left: 2vw; margin-top: 0; margin-bottom: 0; }
	#news .row { display: table; border-collapse: separate; border-spacing: 2vw; }
	#news .cell { position:relative; width: 23vw; display: table-cell; margin: 0; padding: 0 0 4vw 0; }
	#news img { display: block; padding: 0.2vw; box-shadow: 0 0 3px #888; width: 100%; height: 21vw; margin: 1vw 0; }
	#news .button { display: block; width: 100%; position: absolute; bottom: 0; }
	#news h3 { font-size: 1.4em; }
	#news .caption { font-weight: bold; }
	
	#services .mission { font-size: 1.6em; font-weight: bold; color: #586571; font-style: italic; }
	#founder { padding-bottom: 0; }
	.home h2 { margin-top: 2vw; }
	#founder .button {  }
        
        .signup .cell .left { padding-left: 0 !important; }
        
	
	#testimonials blockquote {
		font-size: 1.4em; font-style: italic; padding-left: 3vw; margin-left: -3vw; 
		background:
			url("https://497314.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/quote-start.png") no-repeat left 6vw / 2vw,
			url("https://481ecc.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/quote-end.png") no-repeat right bottom / 2vw;
		}
	#testimonials blockquote cite { font-size: 1em; font-style: normal; text-align: left; margin-top: 0; display: block; }
	#testimonials blockquote em { font-size: 0.6em; font-style: normal; padding-left: 5em; display: block;  }
	/*#testimonials blockquote cite:before { content: "\2014 "; }*/
	#testimonials .cell img { margin-top: 2vw; }
        .testimonials blockquote p { margin: 0 2.5em; font-style: italic; }
        .testimonials blockquote img.prequote { margin: 0.3em 0.5em 0 0; float: left; height: 1.5em; width: auto; }
        .testimonials blockquote img.postquote { float: right; height: 1.5em; width: auto; margin: -1.5em 0 0 0; }
        .testimonials blockquote cite { display: block; margin: 1.5em 2.5em 0 2.5em; line-height: 1.5em; }
        
        img.wkhp { margin-top: 4vw; }
	
	.page_nav { width: calc( 100% + 24.7vw ); padding: 2vw 13vw; margin-left: -13vw; clear: both; position: relative;  line-height: 1.5em; min-height: 6em; }
	.page_nav div { display: inline-block; }
	.page_nav .prev_sibling, .page_nav .next_sibling { width: 50%; vertical-align: middle; }
	.page_nav .prev_sibling { text-align: left; padding-right: 20%; }
	.page_nav .next_sibling { text-align: right; padding-left: 20%; }
	.page_nav .foot_contact { width: 20%; text-align: center; vertical-align: middle; display: block; position: absolute; left: 40%; top: 25%; }
	
	.topic_box { width: 15vw; margin-left: 4.3vw; display: block; float: left; height: 21.3vw; margin-bottom: 3vw; box-shadow: 0 0 3px #888;   }
	.topic_box:nth-child(4n+1) { margin-left: 0; }
        .browse .topic_box:nth-child(2n+1) { margin-left: 0; }
	.topic_box img { box-shadow: none !important; width: 100%; height: auto; max-height: 15vw; display: inline-block; padding: 0 !important; }
	.topic_name { background: #666666; color: #fff; vertical-align: top; text-align: left; height: 6.3vw; width: 100%; padding: 0.5vw; line-height: 1.4em; }
	
	section article img { width: 30%; height: auto; }
        section article img.aligncenter { width: 100%; border: 0; box-shadow: none; }
        section article img.jp-relatedposts-post-img { width: 80%; }
        div.wpcf7 img.ajax-loader { width: 2em; height: auto; }
	section article .pmpro_captcha img { width: 100%; }
	section.newsletter iframe { width: 100%; height: 2000px; }
	section.video iframe { width: 70%; height: 34vw; float: right; margin-left: 5%; }
	
	section.video .arve-embed-container iframe { width: 100%; height: 100%; float: none; margin-left: 0; }
	
	.arve-normal-wrapper.alignleft, .arve-normal-wrapper.alignright, .arve-normal-wrapper.aligncenter { max-width: none !important; width: 35vw; }
	
	section.newest { padding-top: 0; }
	section.newest .cell:first-of-type { padding-right: 2vw; }
	section.newest .cell article .thumb { width: 48%; box-shadow: 0 0 3px #888; height: 15.56vw; margin: 0 0.8vw 0 0; padding: 0.2em; display: inline-block; overflow: hidden; position: relative; }
	section.newest .cell article .thumb img.featured_img { width: 100%; height: auto; box-shadow: none; }
	section.newest .cell article .thumb .corner { position: absolute; bottom: 0; right: 0; text-align: center; background: url('https://efb67d.claudeassets.com/20260412091007im_/https://ayoubhr.com/images/corner.gif') no-repeat bottom right; background-size: cover; width: 50%; height: 50%; margin: 0; }
	section.newest .cell article .thumb .corner p {
		-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
		bottom: 0; right: 0; height: 56%; width: 62%; position: absolute; margin: 0;
	}
	section.newest .cell article .thumb p a { color: #fff; }
	section.newest .cell article .excerpt { display: inline-block; width: 48%; vertical-align: top; }
	section.newest .cell article .excerpt p { margin-bottom: 0; } 
	
	footer { padding: 2vw 13vw; clear: both;  }
	footer h3 { font-size: 1.2em; text-transform: none; line-height: 1.3em; }
	footer .widgets { width: 100%; border-top: 1px solid #fff; border-bottom: 2px solid #fff; padding: 2em 0; margin: 2em 0 0 0; }
	footer .widget { display: inline-block; width: 25%; vertical-align: top; padding-left: 2vw; }
	footer .widget:first-child { padding-left: 0; }
        footer .widget:nth-child(3) { padding-left: 5vw; }
	footer .widget a { color: #fff; }
	footer #socials { text-align: center; width: 100%; }
	footer #socials h3 { color: #fff; }
	footer #socials a { color: #fff; }
	footer #socials img { display: inline-block; width: 2em; height: 2em; margin-right: 0.2em; }
	footer ul li { line-height: 1.6em; }
	footer form { margin-top: 1em; margin-bottom: 1em; }
	footer form div { display: inline-block; margin: 0 -4px 0 0; }
	footer label { display: block; margin: 0 0 0.5em 0; }
	footer input { display: inline-block; line-height: 1.7em; width: 100%; }
	footer input[type="text"] { width: 15vw; }
	footer input[type="submit"] { background-color: #E42825; color: #fff; border: 0; padding: 0.29vw 0; white-space: normal; line-height: 1.5em; }
        
	.wpProQuiz_quiz { width: 60%; }
	#infscr-loading { text-align: center; }
	#sign-up { width: 200px; }
	#sign-up form { width: 100%; margin-top: 20px; padding: 0 2vw; }
	#sign-up form input { width: 100%; }
	#sign-up form input[type="submit"] { width: 50%; margin: 0 auto; display: block; }
	
	p.copy { text-align: center; width: 100%; margin: 2em 0; }
	p.copy a { color: #fff; font-weight: bold; }

	.share.video { width: 15vw; float: right; margin: 1em 1vw 0 0; background: #ccc; padding: 1em; }
	.addtoany_list { line-height: 1.5em !important; width: 100% !important; display: inline-block !important; }
	.addtoany_list a { font-size: 1em !important; display: inline-block !important; width: 3.7vw !important; height: 3vw !important; overflow: visible !important; }
	.share.video .addtoany_list a { margin: 0.2em 0; }
	#share_event .addtoany_list a { width: 3.6vw !important; }
	#featured_image #share_event h3 { margin-bottom: 1em !important; }
	.addtoany_list a span { height: 3vw !important; width: 3vw !important; line-height: 1.5em !important; background-size: cover; }
	
        .english { display: inline-block; width: 34vw; margin-right: 1vw; vertical-align: top; line-height: 1.5em; }
        .french { display: inline-block; width: 34vw; vertical-align: top; line-height: 1.5em; }
        
        section#plan { width: 134%; padding: 2vw 13vw; margin-left: -13vw; }
        section#plan .cell { width: 23vw; }
        
        .page-template-page-profile-php #contact { position: relative; }
        .page-template-page-profile-php #contact input[type="submit"] { position: absolute; left: 30vw; top: 0; background: #F16522; color: #fff; border: none; padding: 1em; margin: 0; width: auto !important; cursor: pointer; }
        .page-template-page-profile-php #contact .field_col { width: 22vw; margin-right: 2vw; display: inline-block; vertical-align: top; margin-top: 2em; }
        .page-template-page-profile-php #contact label { display: block; line-height: 1.5em; width: 80%; float: left; }
        .page-template-page-profile-php #contact label[for=""] { display: none; }
        .page-template-page-profile-php #contact input { width: 100%; margin: 0.2em 0 1em 0; }
        .page-template-page-profile-php #contact input[type="checkbox"] { float: left; clear: both; height: 1.5em; width: 3em; }
		

#details { width: 22vw; margin-right: 3.5vw; height: 30vw; overflow-y: hidden; display: inline-block; vertical-align: top; }
#details #date { height: 8.5vw; }
#details #location { height: 10vw; }
#details #tickets table.tribe-events-tickets td { border: 0 !important; padding: 0 0 0.5em 0 !important; float: right; width: 50%; }
#map { width: 22vw; margin-right: 2.8vw; display: inline-block; vertical-align: top; height: 28vw; overflow-y: hidden; }
#map #tribe-events-gmap-0 { height: 22vw !important; }
#map img { width: 100%; height: auto; display: block; border: 0; padding: 0; box-shadow: none; }
#featured_image { width: 22vw; height: 28vw; display: inline-block; vertical-align: top; }
#featured_image .event_img { width: 22vw; height: 22vw; overflow: hidden; display: block; }
#full_description { width: calc(100% + 27vw); background: #FCF3E5; display: block; padding: 5% 13vw; margin: 2vw 0 0 -13vw; }
table.tribe-events-tickets td.woocommerce.add-to-cart { height: 3vw !important; }
button[name="wootickets_process"] { height: 3vw; }

#full_description .contact_events { background: #f16522; padding: 1em; color: #fff; }
#full_description .contact_events p strong { text-transform: uppercase; }
.employpage #full_description .contact_events { background: #00c9ff; }
#full_description .contact_events form input { width: 100%; border: 0; height: 2em; line-height: 2em; padding: 0 1em; }
#full_description .contact_events form input[type="submit"] { font-weight: normal; text-align: center; background: #666 !important; color: #fff; }

.contact.post { background: #f16522; padding: 1em; color: #fff; margin-top: 1em; }
.employpage .contact.post { background: #00c9ff; }
.contact.post form input { width: 60%; border: 0; height: 2em; line-height: 2em; padding: 0 1em; display: inline; vertical-align: top; }
.contact.post form input[type="submit"] { font-weight: normal; text-align: center; background: #666 !important; color: #fff; width: 40%; }

.contact.video { background: #f16522; padding: 1em; color: #fff; margin-top: 1em; float: right; width: 34vw; }
.employpage .contact.video { background: #00c9ff; }
.contact.video form input { width: 60%; border: 0; height: 2em; line-height: 2em; padding: 0 1em; display: inline; vertical-align: top; }
.contact.video form input[type="submit"] { font-weight: normal; text-align: center; background: #666 !important; color: #fff; width: 40%; }
.workshops.wkhp1 { padding-bottom: 4em; }
.workshops.wkhp2 { padding-top: 0; padding-bottom: 0; }
.workshops.wkhp3 { padding-bottom: 4em; }
.workshops.wkhp4 { padding-top: 0; padding-bottom: 0; }

#single_content aside#service_aside { width: 25vw; }

/******* New Theme Dec 2015 ********/
.tombstones { display: flex; align-items: stretch; justify-content: space-between; padding-top: 1.2vw !important; }
.tombstones div { flex-basis: 32%; color: #fff; padding: 0 0 7em 0; position: relative; display: block; box-shadow: 0 0 3px #666; }
.tombstones h3 { font-size: 1.5em; margin: 0.5em 5% 0.8em; font-weight: normal; text-transform: none; }
.tombstones p  { margin: 0.3em 5%; }
.tombstones ul { margin: 0.3em 5% 0.3em 2em; }
.tombstones .tbShort { font-style: italic; }
.tombstones .tb_button { display: block; width: 90%; margin: 0.8em 5%; padding: 0.7em; line-height: 1.3em; color: #fff; text-decoration: none; text-align: center; text-transform: capitalize; position: absolute; bottom: 0; background-size: contain; background-position: top left; background-repeat: no-repeat; }
.tombstones .tb_button strong { font-weight: bold; }
.homeSecond div { padding: 0 3% 0 0; font-size: 1.2em; font-weight: bold; font-style: italic; }
.homeSecond iframe { width: 58%; height: 24vw; margin-left: 1%; }

.specialAnnouncement { font-weight: bold; color: #58595B; } 

.wp-block-image .alignright { width: 30%; }
section article .alignright img { width: 100%; }
.wp-block-image .aligncenter { width: 100%; }
section article .aligncenter img { width: 100%; }
}

/******* Widescreen Styles *******/
@media screen and (min-width: 760px) {

}

/******* Wider screen Styles *******/
@media screen and (min-width: 1100px) {
    .home section.home_top h3 { font-size: 2.1em; }
}

/******* Widerer (just in case) screen Styles *******/
@media screen and (min-width: 1921px) {
	
}

/******* People with 4K display Styles *******/
@media screen and (min-width: 2841px) {
	
}

/******* Print Styles *******/
@media print {
	
}

section article iframe[src*="soundcloud"] { display: block; margin: 0 auto; }


.tribe-theme-ayoubhr aside, .tribe-theme-ayoubhr aside img, .woocommerce-page aside, .woocommerce-page aside img {  }

body[class*="pmpro-"] .page_nav, .page-id-3458 .page_nav { display: none; }
body[class*="pmpro-"] .prev_sibling, body[class*="pmpro-"] .next_sibling, .page-id-3458 .next_sibling, .page-id-3458 .prev_sibling
{ display: none; }


/****** Events Manager Styles ******/

.events-list .tribe-events-loop, .tribe-events-day .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .single-tribe_organizer .tribe-events-loop { max-width: none !important; }

/*** Single Event ***/
#tribe-events-pg-template { max-width: none !important; padding: 0 !important; }
.single-tribe_events h1.tribe-events-single-event-title { font-size: 33px; line-height: 1em; margin: 0 0 0.5em 0 !important; padding: 0; }
.event dt, .event dd { line-height: 1.5em; }



#details .tickets_description, #details .tickets_name { display: none; }
#details h3 { margin: 0 !important; }
#details #date, #details #location { margin-bottom: 1vw; }

#details #tickets form { background: #fff !important; padding: 0 !important; border: 0 !important; margin: 0 !important; }
#details #tickets h2 { display: none; }

button[name="wootickets_process"] { background: #FF0000 !important; width: 100%; border: none !important; border-radius: 0 !important; }

#details #tickets table.tribe-events-tickets td .quantity { margin: 0 !important; }

table.tribe-events-tickets td.woocommerce.add-to-cart { border-bottom: 0 none; width: 100% !important; }
#map h3 { margin: 0.5em 0 0 0 !important; }

#featured_image img { width: 100%; height: auto; }
#featured_image h3 { margin: 0 !important; }

#tribe-events-footer.page_nav { background-color: #fff; }
#tribe-events-footer.page_nav .prev_sibling, #tribe-events-footer.page_nav .next_sibling { width: 49%; }

#tribe-events-content { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.single-tribe_events article { padding-bottom: 0 !important; }


#pmpro_user_fields .pmpro_thead-msg { display: none; }


/******** Membership Styles *******/

.pmpro-confirmation .nav-next, .pmpro-confirmation .post_meta { display: none; }

#pmpro_levels_table th { vertical-align: middle; }
#pmpro_levels_table thead th { text-align: center; }
#pmpro_levels_table td { width: 20vw; text-align: center; vertical-align: middle; line-height: 1.5em; }
#pmpro_levels_table td.item { width: 25vw; padding: 0.5em 0 0.5em 2vw; text-align: left;  }
#pmpro_levels_table td .pmpro_btn { margin: 0 auto; width: 8vw; }
.pmpro_content_message { line-height: 1.5em; }
.pmpro_content_message a { margin-top: 0.5em !important; }

/******** BCBC Styles *******/

.bcbc form {  }

.bcbc form#constant-contact-signup-1 label { display: block; padding-bottom: 0; }
.bcbc .kws_input_container { float: left; width: 48%; padding-right: 2em; }
.bcbc .kws_input_container label { width: 100%; }
.bcbc form#constant-contact-signup-1 input[type="text"] { margin-bottom: 1em; width: 100%; }

.bcbc form#supplemental { display: table-row; }
.bcbc form#supplemental div { display: table-cell; width: 48%; padding-right: 2em; padding-bottom: 3em; }
.bcbc form#supplemental label { width: 90%; }
.bcbc form#supplemental input[type="checkbox"] { position: relative; width: auto; }
.bcbc form#supplemental input[type="text"] { display: block; }

.bcbc .formsContainer { position: relative; margin-bottom: 1em; }

.bcbc .cc_Go { position: absolute; bottom: 0; width: 100%; }
.bcbc .cc_Go label { display: block; text-align: center; }
.bcbc .cc_Go input { display: inline; top: 0; position: relative; width: 40%; }

.bcbc .cc_CustomField3, .bcbc .cc_CustomField4 { display: none; }

.bcbc #constant-contact-signup-errors {  }
.bcbc #constant-contact-signup-errors ul { list-style-type: none; color:#f00; margin-left: 0; }
/*** Profile Page ***/
.page-template-page-profile-php #contact input[type="submit"] { background: #F16522; color: #fff; border: none; padding: 1em; margin: 0; width: auto !important; cursor: pointer; }
.page-template-page-profile-php #contact label { display: block; line-height: 1.5em; }
.page-template-page-profile-php #contact label[for=""] { display: none; }
.page-template-page-profile-php #contact input { width: 80%; margin: 0.2em 0 1em 0; }
.page-template-page-profile-php #contact label input { width: 100%; margin: 0.2em 0 1em 0; }
.page-template-page-profile-php #contact input[type="checkbox"] { float: left; clear: both; height: 1.5em; width: 3em; }

section#plan { background: #FCF3E5; }
section#plan .cell p { margin-bottom: 0; }
section#plan .cell ul { list-style-type: none; margin: 0; } 

/*** Checkout Page ***/

.pmpro-checkout form.pmpro_form label { width: 100%; display: block; font-weight: normal; text-align: left !important; line-height: 1.5em !important; padding-bottom: 0;  }
.pmpro-checkout form.pmpro_form label.pmprorh_checkbox_label { max-width: 75% !important; width: auto !important; text-align: left !important; display: inline-block !important; font-weight: normal; line-height: 1.5em !important; padding-bottom: 0;  }
.pmpro-checkout .leftmar { margin-left: 0 !important; }
.pmpro-checkout ul { font-size: 1em !important; }
.pmpro-checkout #_div { height: auto; margin: 0; }
.pmpro-checkout #_div fieldset p { margin-bottom: 0 !important; }
.pmpro-checkout form.pmpro_form .input { width: 90%; }
.pmpro-checkout form.pmpro_form .pmpro_captcha { margin: 0 0 0 -3.5vw !important; }
.pmpro-checkout th h3 { margin: 0; }
.pmpro-checkout th h3 .pmpro_thead-msg { text-transform: none; }

form.pmpro_form input[type="checkbox"] { float: left; margin-top: 7px; margin-right: 5px; }

#pmpro_pricing_fields { width: 48.5%; padding-right: 2vw; vertical-align: top; display: inline-block; box-sizing: border-box; }
#pmpro_user_fields { width: 48.5%; vertical-align: top; display: inline-block; box-sizing: border-box; }
#pmpro_user_fields .fields1 { display: inline-block; width: 48%; padding-right: 2%; vertical-align: top; box-sizing: border-box; }
#pmpro_user_fields .fields2 { display: inline-block; width: 48%; vertical-align: top; box-sizing: border-box; }

#pmpro_level-4 #pmpro_user_fields .fields1 { width: 100%; }
#pmpro_level-4 form.pmpro_form .input { max-width: 100%;}

.pmp_co_explanation { font-size: 1.5em; }
.pmpro_thead-msg {display: none;}

.woocommerce-checkout #single_content aside { display: none; }
body[class*="pmpro-"] #single_content article { padding-bottom: 4vw; }

.woocommerce table.shop_table td, .woocommerce-page table.shop_table td, dt, dd { line-height: 1.5em; }
section header { box-shadow: none; }

.wp-video {
	height: auto;
	width: 50vw !important;
	float: right;
	margin-left: 2vw;
}

.mejs-container, .mejs-embed, .mejs-embed body, .mejs-poster {
	height: 30vw !important;
	width: 50vw !important;
}

video.wp-video-shortcode, .wp-video-shortcode video {
	display: inline-block;
	height: 30vw !important;
	max-width: 100%;
	width: 50vw !important;
}

.mejs-overlay { width: 50vw !important; }

img.vevent_placeholder { box-shadow: none; width: 100%; height: auto; }

.tribe-events-tooltip .tribe-events-event-thumb img { width: 100%; height: auto; }
.tribe-delimiter { width: 0.5em; display: inline-block; }

.showFormButton { display: inline-block; padding:5px 10px; color:#fff; background-color: #E42825; text-align: center; }
.showFormButton a { color: #fff; text-decoration: none; }
#joinList { display: none; }
#joinList .formSideBox { background-color: #E42825; color: #fff; padding: 10px; line-height: 1.5em; }
#joinList input[type="submit"] { color: #fff; width: auto !important; display: inline-block; }

@media screen and (min-width:768px) {
    #joinList .formSideBox { width: 200px; float: left; }
    #joinList .kws_form { margin-left: 220px; }
}

@media screen and (max-width: 768px) {
    #pmpro_levels_table th { display: table-cell !important; }
    #pmpro_levels_table td { display: table-cell !important; }
    #pmpro_levels_table td:first-child { font-size: 1em !important; }
    #pmpro_levels_table td .pmpro_btn { width: 100%; }
}

@media screen and (max-width: 799px) {
    
    #pmpro_pricing_fields { width: 100%; padding-right: 0; display: block; }
    #pmpro_user_fields { width: 100%; display: block; }
    #pmpro_user_fields .fields1 { display: block; width: 100%; padding-right: 0; }
    #pmpro_user_fields .fields2 { display: block; width: 100%; }
    form.pmpro_form input.input[type="text"], form.pmpro_form input.input[type="password"] { max-width: 100% !important; }
    .bcbc .kws_input_container { float: none; width: 100%; padding-right: 0; }
    .bcbc form#supplemental div { width: 100%; display: block; }
    .bcbc form#constant-contact-signup-1 input[type="text"], .bcbc form#supplemental input[type="text"] { width: 90%; }
}

@media print {
    #main_header .nav_search,#main_header .menu,#main_header #mob_Nav,
    #main_header .menu_mob, #main_header .mob_search
    { display: none; }
    footer { display: none; }
}


/*
     FILE ARCHIVED ON 21:46:33 Jun 13, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:37:40 Oct 28, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.486
  exclusion.robots: 0.058
  exclusion.robots.policy: 0.047
  esindex: 0.009
  cdx.remote: 37.844
  LoadShardBlock: 104.611 (3)
  PetaboxLoader3.datanode: 116.375 (5)
  PetaboxLoader3.resolve: 2076.898 (2)
  load_resource: 2124.254
  loaddict: 17.025
*/