/*
Theme Name: Passin Associates
Description: Default Face3 theme
Author: The Face3Media Team (http://www.face3media.com)
Version: 2.2.9
*/

*, *:before, *:after { margin: 0; padding: 0; border: none; text-decoration: none; }

/* - - - - - - - RESET - - - - - */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { text-decoration: none; }

p, span {
	font-size: 14px;
	line-height: 1.5;
	/*margin-bottom: 8px;*/
}

h1{
	font-size:24px;
	font-weight:600;
	margin-bottom:20px;
	padding-bottom: 20px;
	border-bottom: 3px solid #00b8f1;
}

h2{
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 5px;
}

h3{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
}

textarea,
input[type="password"], 
input[type="text"],
input[type="email"],
input[type="tel"] {
border: 1px solid #DDD;
color:#7D7E75;
height:55px;
font-family:'Dosis',sans-serif;
letter-spacing:2px;
cursor:pointer;
background:#FFF;
width:98%;
text-align:left;
padding:0;
font-size:14px;
padding:0 0 0 2%;
}
textarea { padding:2%;height:120px;max-width:539px; }

button{
text-transform:uppercase;
display:block;
border:0;
background:#333;
color:#FFF;
width:98%;
height:60px;
padding:0;
font-family:'Dosis',sans-serif;
font-size:18px;
letter-spacing:4px;
cursor:pointer;
text-align:center;
}

button:hover{background:#414141;}

/* - - - - - - -  / RESET - - - - - */

/* - - - - - - SOCIAL FONT-ICONS - - - */
@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('font/MonoSocialIconsFont-1.10.eot');
    src: url('font/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
         url('font/MonoSocialIconsFont-1.10.woff') format('woff'),
         url('font/MonoSocialIconsFont-1.10.ttf') format('truetype'),
         url('font/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('font/MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
.symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
a.symbol:before {
    content: attr(title);
    margin-right: 0.3em;
    font-size: 130%;
}
.symbol{
	font-size: 40px;
	margin-bottom:20px;
	display:inline-block;
	color: #AFAFAF;
}
/* - - - - - - / SOCIAL FONT-ICONS - - - */

/*============================== HEADER ==============================*/

html > body{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}


html > body > header{ 
	position:relative; 
	/* background: #EEE; */
} 

html > body > header > div.inner div.logo{ 
	display:block;
	vertical-align: middle;
	max-width:220px;
	text-align:center;
	margin: 0 auto;
}

html > body > header > div.inner div.logo h1 { font-size:16px; color:#666; }
html > body > header > div.inner div.logo a {}
html > body > header > div.inner div.logo a img{ 
	width:100%;
	height:auto;
}

html > body > header > div.inner div.language{
	display:inline-block
}

html > body > header > div.inner div.language a{}

html > body > header > div.inner div.language a.current_language { display: none; }

/*=============================== NAVIGATION ==============================*/

html > body > header > div.inner nav.top-menu{
	display: block;
	width: 100%;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
}

html > body > header > div.inner nav.top-menu ul{
	
	display:inline-block;
	
} 

html > body > header > div.inner nav.top-menu ul li{ 
	display: inline-block;
	position: relative;
	margin-bottom: 5px;
	padding: 15px 10px 10px 10px;
	text-align: center;
	font-size: 14px;
	min-width: 80px;
}


html > body > header > div.inner nav.top-menu ul li a{ 
	color:#666; 
	text-decoration:none; 
	vertical-align:middle;
}

html > body > header > div.inner nav.top-menu ul li:hover{}

html > body > header.header div.inner nav.top-menu ul li ul.sub-menu,
html > body > header.header div.inner nav.top-menu ul li ul.children { 

	display:none;
	position:absolute;

}

html > body > header.header div.inner nav.top-menu ul li:hover ul.sub-menu,
html > body > header.header div.inner nav.top-menu ul li:hover ul.children { 

	display:block;
	position:absolute;
	padding-top: 5px;
	padding-bottom: 10px;
	width: 150px;
	z-index: 400;
	text-align: left;
	margin-left: -8px;

}

html > body > header.header div.inner nav.top-menu ul li:hover ul.sub-menu li,
html > body > header.header div.inner nav.top-menu ul li:hover ul.children li {

	margin: 0;
	display: block;

} 

html > body > header.header div.inner nav.top-menu ul li:hover ul.sub-menu li a,
html > body > header.header div.inner nav.top-menu ul li:hover ul.children li a {

	padding: 15px;
	display: block;
	text-align: left;

}



/*============================== CONTENT ==============================*/
html > body > section { 
	position:relative;  
	max-width: 1600px;
	margin: 0 auto;
	padding: 25px;
}

div.inner{ 
	width:90%;
	max-width:1100px;
	margin:0 auto;
}

html > body > section div.column.side { 
	float:left;
	margin-right:20px;
}
html > body > section div.column.main {
	width:auto;
	overflow:hidden;
}

/*============================== FOOTER ==============================*/
html > body > footer { 
	position:relative; 
	background: #EEE; 
}

.footer .inner nav.column .footer_nav_column_heading {
	font-size:14px;
	font-weight:600;
	margin-bottom:5px;
	color:#333;
}

.footer .inner { }

.footer .inner .column { 
	display: inline-block; 
	vertical-align: top;
	margin: 0px 20px;
	color: #333;
}

/* Footer Social Media */
.footer .inner .footer_extra_content_icons a { 
	
}

/* Footer Nav menu */
.footer .inner nav.column{ margin-bottom:15px; }
.footer .inner nav.column ul li{margin-bottom:5px;}
.footer .inner nav.column ul li a {color:#666;font-size:12px;}
.footer .inner nav.column ul li a:hover {color:#000;}

.footer .inner nav.column > ul > li { display: inline-block; vertical-align: top; margin: 10px 18px; }
.footer .inner nav.column > ul > li > a { font-weight:bold; text-transform:uppercase;  }
.footer .inner nav.column > ul > li ul.sub-menu { margin: 18px 0; }
.footer .inner nav.column > ul > li ul.sub-menu li { display: block; }
.footer .inner nav.column > ul > li ul.sub-menu li a {  }

/* Footer Address */
.footer .inner #footer-address { margin:10px; text-align:left; }


/* - - - - - - IMPORTED STYLES - - - */
/* - - - - - - General - - - */

*, *:before, *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

body { line-height: 1.8; color: #444; font-feature-settings: "kern", "liga"; -webkit-font-feature-settings: "kern", "liga"; -moz-font-feature-settings: "kern", "liga"; -moz-font-feature-settings: "kern=1", "liga=1"; -o-font-feature-settings: "kern", "liga"; }
.wrapper { max-width: 1124px; width: 100%; margin: 0 auto; padding: 0 2%; }
strong { font-weight: 700; }
em { font-style: italic; }
h1 { font-family: 'Roboto', Helvetica, sans-serif; font-size: 3.925em; font-weight: 100; line-height: 1.75; color: #00b8f1; }
h2 { font-size: 1.777em; line-height: 1.2; text-transform: uppercase; }
h3 { font-size: 1em; font-weight: 400; line-height: 1.2; text-transform: uppercase; margin-bottom: 30px; }
h4 { font-size: 1em; line-height: 1.2; }
a:link { color: #333; transition: 0.2s; }
a:visited { color: #333; }
i { text-align: center; }
ol, ul, li, div { margin: 0; padding: 0; border: none; list-style: none; }
nav { font-family: Roboto, Helvetica, sans-serif; }


/* - - - - - - main Navigation - - - */

#nav-bg { position: absolute; top: 0; left: 0; width: 100%; min-height: 110px; padding: 30px 0; background: rgba(0,0,0,.8); }
.navigation { z-index: 99999999; position: absolute; top: 0; left: 0; width: 100%; padding: 30px 0; color: #fff; font-weight: 400; }
.sub-menu-columns > a { cursor: default; }


/* - - - - - - Header - - - */

#intro-title { padding-top: 8rem; }
#intro-title h1, #intro-title p { text-align: center; }
header#main { min-height: 650px; height: 100%; padding-top: 5rem; background: url("/wp-content/themes/passin/img/passin-home-banner-s.webp") center/cover no-repeat; }
header#main h1 { width: 75%; margin: 0 auto 40px; line-height: 1; color: #fff; }
header#main h1 { border-bottom: none; background: transparent; }
header#main a { display: block; width: 150px; margin: 0 auto; padding: 12px; border: 1px solid #fff; font-family: Roboto, sans-serif; font-weight: 700; font-size: 1em; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 2px; transition: 0.3s; }
header#main a:hover { background: rgba(255,255,255,1); color: rgba(0,0,0,0.8); }


/* - - - - - - Main content - - - */

section { margin-bottom: 80px; }

	/* Home page */

	#home-links { margin-top: -8rem; color: #fff; font-family: Montserrat, sans-serif; font-size: 0; text-align: center; text-transform: uppercase; }
	#home-links div.home-links { width: 100%; }
	#home-links  div.home-links div.main-link { position: relative; display: inline-block; max-width: 148px; width: 90%; margin-bottom: 10px; }
	#home-links div.home-links div.main-link img { width: 100%; vertical-align: top; }
	#home-links div.home-links div.main-link a { display: block; }
	#home-links div.home-links div.main-link a:after { content: '\A'; z-index: 500; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.4); opacity: 0; transition: all 1s; -webkit-transition: all 1s; }
	#home-links div.home-links div.main-link a:hover:after { opacity: 1; }
	#home-links div.home-links div.main-link span.button { z-index: 800; position: absolute; bottom: 20px; left: 20px; display: block; width: 110px; padding: 8px 2px; border: 1px solid #fff; color: #fff; font-size: 12px; line-height: .9em; font-weight: 400; letter-spacing: 1px; transition: 0.5s; }
	#home-links div.home-links div.main-link p { z-index: 800; position: absolute; bottom: 50px; display: block; width: 141px; padding: 8px; color: #fff; line-height: 1.3; font-weight: 400; }

	/* Services page */
	#services h3 { margin-bottom: 15px; font-size: 18px; color: #00b8f1; text-transform: none; }
	#services p { margin-bottom: 30px;}	
	
		
	/* Staff page */
	div.profiles > ul.profile { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-flex-wrap: wrap; }
	div.profiles > ul.profile > li { display: block; width: 100%; margin-top: 40px; margin-right: 2%; }
  	div.profiles > ul.profile > li:last-child { margin-right: 0; }
	div.profiles h3 { font-size: 1em; font-weight: 700; line-height: .8; color: #00b8f1; /* #168dc7; */ text-transform: uppercase; margin: 10px 0; }
	div.profiles span { font-size: 1.1em; line-height: .8; }
	div.profiles a, div.profiles a:hover { color: #00b8f1; }
	div.description { margin-top: 20px; }
	div.profiles img { max-width: 150px; width: 100%; margin: 0 40px 8px; }
	div.profiles > ul.profile > li > div.description p { line-height: 1.8; }


	.bio-button {
	  cursor: pointer;
	}

	#framewrapper {
	  z-index: 900;
	  position: fixed;
	  display: none;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: rgba(0,0,0,0.8);
	}

	#frame {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 600px;
        height: 400px;
        padding: 35px 25px 25px;
        overflow: auto;
        background: rgb(255,255,255);
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
	}

	#frame p {
        
	}




	/* Links page */
	#links { text-align: center; }
	#links img { display: block; max-width: 220px; width: 80%; height: 80%; margin: 0 auto; }
	#links .wrapper .grid-container div { margin-bottom: 60px; }

	/* Resources page */
	form#resource-login { width: 300px; margin: 30px auto;	}
	form#resource-login label { display: block; font-size: 16px; font-weight: 500; margin: 20px 0 10px; }
	#resources .content-ul { margin-top: 50px; }
	#resources ul.content-ul > li { margin-bottom: 20px; font-weight: 700; font-size: 18px; }
	#resources ul.content-ul > li > ul.sub-resource > li { margin-left: 20px; font-weight:400; font-size: 14px;}
	#resources ul.content-ul > li > ul.sub-resource > li > ul > li { list-style: initial; margin-left: 50px; }
	#resources ul.content-ul > li > ul.sub-resource > li > ul > li > a:hover { color: firebrick; border-bottom: 1px solid firebrick; padding-bottom: 3px;}

	/* Publications */
	#publications { padding-top: 25px; }
	#publications a { display: block; max-width: 580px; width: 95%; margin: 0 auto 25px; padding-bottom: 20px; border-bottom: #ccc solid 1px; }
	#publications a:hover { color: #00b8f1; border-bottom: #00b8f1 solid 1px; }
	#webinars h3 { font-size: 1.4em; font-weight: 700; line-height: .8; text-transform: uppercase; margin: 10px 0 30px; }
	#webinars a:hover { color: #00b8f1; border-bottom: 1px #00b8f1 solid; }

	/* Testimonials */
	#testimonials iframe { width: 100%; height: 230px; margin-top: 30px; }
	#testimonials{padding-left: 3%;}


	/* Contact page */
	div.contact{ width: 300px; margin: 0 auto; }
	div#contact-main a { color: #00b8f1; /* #168dc7; */ }
	div.contact h2{ color: #00b8f1; }
	div#contact-main img { width:100%; margin-bottom:30px; }
	#request_button a { padding: 5px; }
	#request_button { background:#00b8f1; width: 200px; padding: 5px; text-align:center; margin-top: 5%;}

	/* Request info Form */
	#requestform { padding-top: 25px; }
	.formsection { margin-bottom: 60px !important; padding-bottom: 60px; border-bottom: 1px solid #ccc; }
	.formsection p { display: block;   min-height: 25px; margin-bottom: 8px; }
	.formsection p.bold { font-weight:700; }
	.lastformsection { margin-top: 20px; }
	.fill-form { margin-top: 30px; }
	form div#criteria { max-width: 468px; width: 100%; }
	form div#criteria span.wpcf7-form-control.wpcf7-checkbox {
            display: flex;
            flex-wrap: wrap;
        }
        
        form div#criteria span.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item{
            width: 50%;
        }

	form div#criteria label { display: flex; align-items: flex-start; }
	form span.wpcf7-list-item { margin-left: 0; display: block; margin-bottom: 5px; }
	form div#criteria > span.wpcf7-form-control-wrap > span.wpcf7-checkbox > span.wpcf7-list-item { display: inline-block; width: 50%;  float: left; };
	form div#criteria input[type="checkbox"] + span { width: 70%; }
	form div#criteria:after { display: table; content: ""; clear:both; }
	input[type="text"], input[type="email"], input[type="tel"], textarea { width: 100%; margin: 0 auto 10px; padding: 8px 14px; font-size: .9em; border: 1px solid #ccc; }
	input[type="checkbox"] { display: inline-block; float: left; margin: 6px 10px 5px 0; }
	input[type="checkbox"] + span { width: 80%;}
	input[type="submit"] { max-width: 539px; width: 100%; margin: 30px auto 0; padding: 20px; font-size: 1em; text-align: center; color: #fff; background: #00b8f1; cursor: pointer; transition: 0.3s; }
	input[type="submit"]:hover { background: #168dc7; }
	::-webkit-input-placeholder { text-transform: uppercase; }
	::-moz-placeholder { text-transform: uppercase; } /* firefox 19+ */
	:-ms-input-placeholder { text-transform: uppercase; } /* ie */
	input:-moz-placeholder { text-transform: uppercase; }


/* Blog */
section.body div.blog div.posts div.post div.content div{display: inline-block; float: left; max-width: 48%;}
section.body div.blog div.posts div.post div.content p{display:inline-block;}
section.body div.blog p.first{width: 50%;}


/* Error Page */
.page_not_found .sub_content .inner{ margin-top: 15%; margin-bottom: 15%;}

/* Footer */

footer { width: 100%; padding: 80px 0; border-top: 1px solid #ccc; }
footer img { max-width: 300px; width: 100%; }
footer a:link { font-size: 11px; }
footer a:hover { color: #00b8f1; }
footer a:visited { color: #444; }
footer i { font-size: 18px !important; width: 20px; vertical-align: middle; }
footer .services { line-height: 1; }
footer .services li { padding: 6px 0; }
#copyrights { padding: 130px 0 30px; font-family: 'Roboto', Helvetica, sans-serif; text-align: center; }

/* Social font-icons */
i.fa-facebook { color: #2E4DA7; margin-right: 5px; }
i.fa-twitter { color: #019FE9; margin-right: 5px; }
i.fa-linkedin { color: #0074B1; margin-right: 5px; }







/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (landscape) to Desktops and laptops ----------- */
@media only screen 
and (min-width : 1024px) {
	/* Styles 
	html > body > header div.inner { width:980px; }
	html > body > header > div.inner div.logo { float: left;  }
	html > body > header > div.inner nav.top-menu { float:left; }


	html > body > section div.inner { width:980px; }

	html > body > footer div.inner { width:980px; }*/
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* Printer--------------*/
@media print{.navigation, footer: none;}

/* = = = = = = = = = = = = WORDPRESS OVERRIDES = = = = */
#wpadminbar { bottom:0px !important; top:auto!important;}

/* = = = = = = = = = = = = MULTILINGUAL PLUGIN OVERRIDES = = = = */
.mlp_quicklinks.mlp_quicklinks_links { display:none; }
.mlp_language_box { display:inline-block; }


.page_planaheadforyourinitialinterprofessionaljointaccreditation .title h2{
	text-transform: initial;
}
.page_mitigationofstockownershipwithprivatelyheldcompanies .title h2{
	text-transform: initial;
}