/*

Theme Name: Main Theme

Author: Hayley Beullens

*/



/*****
*
* Fonts & Text
*
****/



h1, h2, h3, h4, .header-wrapper, .menu-wrapper, .home-footer, .footer-wrapper, .ms-slide-info .custom-button, .copyright, .ninja-forms-form-wrap input, .ninja-forms-form-wrap textarea {
	font-family: 'Raleway', tahoma;
}

body, .home-content-wrapper h1, .featured-content-info h2 {
	font-family: 'OpenSans', sans-serif;
}

body {
	line-height: 1.8em;
}

.home-footer a:after, .address:before, .ms-slide-info .custom-button:after {
	font-family: 'FontAwesome';
}

.sabai-directory-website, .sabai-directory-social {
	font-size: 2.5em!important;
}

h1 {
	font-size: 1.8em;
}

h2, .social-media-container h3 {
	font-size: 1.6em;
}

h3{
	font-size: 1.5em;
}

h4, .social-media-container a, .header-bar  {
	font-size: 1.3em;
}

body {
	font-size: 1.3em;
}

.header-bar, .article-info-container h3, .article-info-container a, .search-box input[type="submit"], .newsletter-form-container input[type="submit"], input[type="submit"] {
	font-weight: bold;
}

.logo-wrapper, .article-info-container h3, .menu-footer ul, .footer-wrapper .social-wrapper, .menu-wrapper, .social-media-container, .newsletter-form-container,
.home-sidebar-images, .custom-button, .sabai-pull-right {
	text-align: center;
}

.createdby {
	text-align: right;
color: #fff!important;
}

.menu-wrapper, .article-info-container a, .footer-wrapper, .custom-button a, input[type="submit"] {
	text-transform: uppercase;
}


#access a, .menu-footer a,

.navigation li a,

.navigation li a:hover,

.navigation li.active a,

.navigation li.disabled,

 .article-info-container a, .custom-button a {

	text-decoration: none;

}



/*****

*

* Colors & Background & Border

*

****/



#access a {

	color: #292929;

}


#access ul li.current_page_item > a,

#access ul li.current_page_ancestor > a,

#access ul li.current-menu-ancestor > a,

#access ul li.current-menu-item > a,

#access ul li.current-menu-parent > a,

* html #access ul li.current_page_item a,

* html #access ul li.current_page_ancestor a,

* html #access ul li.current-menu-ancestor a,

* html #access ul li.current-menu-item a,

* html #access ul li.current-menu-parent a,

a, h1, h2, h3, h4, h5 {

	color: #062245;
	font-weight: bold;

}

.article-info-container a, * html #access ul li a:hover,

#access li:hover > a,

#access ul ul :hover > a,

.menu-footer a:hover, a:hover, .social-media-container a:hover i {
	color: #00a9eb;
}


.top-menu a, .top-menu li:after, .header-bar, .footer-wrapper, .menu-footer a, .createdby a, .social-wrapper a, .search-box input[type="submit"], .newsletter-form-container input[type="submit"],
.navigation li a:hover, .navigation li.active a, .navigation li.disabled, .custom-button a, input[type="submit"], .top-menu li:not(:last-child):after, .menu-footer li:not(:last-child):after {
	color: #fff!important;
}

.top-menu a:hover, .footer-wrapper a:hover, .menu-footer a:hover, .createdby a:hover, .article-info-container a:hover{
	color: #062245!important;
}

.social-media-container i {
	color: #a5a5a3;
}

.youtube {

    background: url(images/sprite.png) 1px -20px;

}

.sabai-directory-listings-list .sabai-entity.sabai-directory-listing-featured, .sabai-directory-listings-grid .sabai-entity.sabai-directory-listing-featured {
	background: none!important;
}

.sabai-entity  {
	text-align: center!important;
}

.twitter {

	background: url(images/sprite.png) 1px -50px;

}



.pinterest {

	background: url(images/sprite.png) 1px -80px;

}



.instagram {

	background: url(images/sprite.png) 1px -111px;

}



.facebook {

    background: url(images/sprite.png) 1px -143px;

}


.navigation li a:hover, .navigation li.active a,
.navigation li.disabled, input[type="submit"]:hover,
.custom-button a:hover, .sabai-directory-search .sabai-btn-primary:hover {

	background: #062245;

}

.top-menu, .footer-wrapper, input[type="submit"], .custom-button a  {
	background: #01b2ba;
}

.header-bar {
	background: #062245;
}

.article-container, .social-media-container, .newsletter-form-container, input[type="text"], .ai1ec-event-avatar, textarea  {
	border: 1px solid #DFDFDF;
}

 .search-box input[type="submit"], .newsletter-form-container input[type="submit"], input[type="submit"] {
 	border: 1px solid #01b2ba;
 }
 
 .search-box input[type="submit"]:hover, .newsletter-form-container input[type="submit"]:hover, input[type="submit"]:hover {
	border: 1px solid #000
 }

 .social-media-container a {
	background: #eeeee8;
}

/*****

*

* Global

*

****/

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}

a, a:hover, a:active, a:visited, a:focus {

	outline: none;

}

.main-wrapper {

	overflow: hidden;

}

#access, #access a, #access ul li:hover > ul, .header-bar, .displayblock, .moretag {

	display: block;

}

.search-box label, .directory-container .sabai-navigation .sabai-pull-left, .menu-footer .sub-menu, .sabai-directory-custom-fields 
.sabai-field-name-field-instagram {
	display: none;
}

#access .menu-header li, div.menu li, .navigation ul li, .menu-footer li {

	display: inline-block;

}

.custom-instagram a:before {
	font-size: 1em;
	padding-right: 5px;
	font-family: "FontAwesome";
	content: "\f16d";
}

.sabai-directory-social {
	padding: 0.3em 0;
}

#access .menu-header ul, div.menu ul, .menu-footer ul, .navigation ul {

	list-style: none;

}

.top-menu li, .menu-footer li, #access li {
	position: relative;
}

 .top-banner {
	 padding-top: 1.5em;
 }

.clear {

	clear: both;

}



.ninja-forms-form-wrap textarea {

	resize: vertical;

}

.fb-page, 
.fb-page span, 
.fb-page span iframe[style],
.sabai-pull-right { 
    width: 100% !important; 
}

.iframe-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 35px;

    height: 0;

    overflow: hidden;

    margin-bottom: 2em;

}



.iframe-container iframe {

    position: absolute;

    top:0;

    left: 0;

    width: 100%;

    height: 100%;

}



/*****

*

* Width & Height

*

****/


.logo-wrapper img, .main-wrapper img {
	max-width: 100%;
}

#access, .header-bar, .newsletter-form-container input, .featured-img img, .article-img-container img, .featured-img, .article-img-container  {
	width: 100%;
}

.featured-img, .logo-wrapper img, .main-wrapper img, .article-img-container img {
	height: auto;
}

 .search-box input[type="text"] {
 	width: 70%;
 }

  .search-box input[type="submit"] {
 	width: 28%;
 }
 
 .sidebar-banner-container {
    margin: 0 0 1em;
    padding: 1.5em;
 }


.featured-img {
	height: 250px;
}

 .article-img-container {
 	height: 200px;
 }

.article-img-container, .featured-img  {
	overflow: hidden;
	position: relative;
}

/*****

*

* Margin & Padding

*

****/



.nopadding, .menu-footer ul, .navigation ul, #access ul, .top-menu ul, .footer-wrapper ul, .footer-wrapper p {
	padding: 0;
}

.nomargin, .top-menu ul, .menu-wrapper ul, .article-info-container h3, .header-bar, .footer-wrapper p, .footer-wrapper ul {
	margin: 0;
}

 .sidebar-banner-container img {
	 margin: 0!important;
 }

.article-info-container h3, .newsletter-form-container input {
	margin: 0 0 0.5em;
}

.article-container, .home-sidebar-images img {
	margin: 0 0 1em;
}

.social-media-container h3, .newsletter-form-container h3 {
	margin: 0.5em 0;
}

.header-wrapper {
	padding: 1em 0 0;
	border-top: 5px solid #01b2ba;
}

.social-media-container a {
	margin: 0 0.2em;
}

.halfed-container, .header-bar {
	margin: 1em 0;
}

h1 {
	margin: 1em 0;
}

.search-box,  .social-media-container, .home-sidebar-images {
	margin: 1.5em 0;
}

#access {
	margin: 0 auto;
}

.article-info-container, .newsletter-form-container,  .social-media-container .displayblock {
	padding: 1em;
}

.menu-footer a {
	padding: 0 0.5em;
}

#access a {
	padding: 1em 0.5em;
}

.top-menu a, .menu-footer a {
	padding: 0 0.6em!important;
}

.logo-wrapper, .top-menu, .footer-wrapper .social-wrapper, .social-media-container, .custom-button {
	padding: 1em 0;
}

.header-bar, .search-box input, .newsletter-form-container input, .custom-button a, input, textarea, .sabai-search input {
	padding: 0.5em 1em;
}

.social-media-container a {
	padding: 0.8em 1.2em;
}

.home-wrapper {
	padding: 0 0 2em;
}

.footer-wrapper, .content-wrapper {
	padding: 2em 0;
}

.social-wrapper a {
	padding: 0 1em;
}


.menu-footer ul li {
	padding: 0 0 0.2em;
}

.social-media {

   padding: 7px 15px;

   width: 30px!important;

   height: 30px!important;

}

/*****

*

* Overwritten

*

****/

.sabai-search, .sabai-directory-search {
	background: none!important;
}

.article-container .col-sm-5, .article-container .col-md-5, .article-container .col-lg-5, .sabai-search {
	padding: 0!important;
}

.sabai-btn-default {
	border: 0!important;
}

 .ai1ec-agenda-widget-view {
 	max-width: 100%!important;
 }

 .ai1ec-event-avatar {
 	box-shadow: none!important;
 }

 .directory-container  .sabai-directory-photos, .content-wrapper .sabai-directory-photos  {
	 overflow: hidden!important;
	 position: relative!important;
}

 .directory-container  .sabai-directory-photos {
    height: 200px!important;
    text-align: center!important;
    width: 100%!important;
}

.sabai-directory-listing-infobox .sabai-directory-main, .sabai-directory-listing-column .sabai-directory-main,
.sabai-directory-listing-column .sabai-directory-images {
	border: 0!important;
}

.content-wrapper .sabai-directory-photos {
	height: 160px;
	text-align: center;
	width: 150px;
}

.sabai-directory-category, .sabai-directory-info, .sabai-directory-body {
	text-align: left!important;
}

.directory-container  .sabai-directory-photos img, .content-wrapper .sabai-directory-photos img, .featured-img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}

.sabai-btn-default, .sabai-search, .sabai-directory-search .sabai-btn-primary {
	border: 0!important;
}

.sabai-directory-listings-container .sabai-btn-default:hover, .sabai-directory-listings-container .sabai-btn-default:focus, .sabai-directory-listings-container .sabai-btn-default:active,
.sabai-directory-listings-container .sabai-btn-default.sabai-active, .sabai-directory-listings-container .sabai-open > .sabai-dropdown-toggle.sabai-btn-default {
    border-color: #adadad !important;
    color: #fff !important;
}

.sabai-directory-search .sabai-btn-primary, .sabai-directory-listings-container .sabai-btn-default:hover, .sabai-directory-listings-container .sabai-btn-default:focus, .sabai-directory-listings-container .sabai-btn-default:active,
.sabai-directory-listings-container .sabai-btn-default.sabai-active, .sabai-directory-listings-container .sabai-open > .sabai-dropdown-toggle.sabai-btn-default {
	background-color: #01b2ba !important;
}

.sabai-directory-search .sabai-btn-primary:hover {
	background: #00a9eb!important;

}

.sabai-btn:active, .sabai-btn.sabai-active {
	box-shadow: none!important;
}

/*****

*

* Unique

*

****/

.menu-header .menu-item-has-children > a:after {
	content: '\f0d7';
	font-family: 'FontAwesome';
	margin-left: 0.5em;
}

.social-media-container a {
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}

.top-menu li:not(:last-child):after, .menu-footer li:not(:last-child):after {
	content: "|";
	position: absolute;
	top: 0;
	right: -4px;
}

.navigation li a,

.navigation li a:hover,

.navigation li.active a,

.navigation li.disabled {

    border-radius: 3px;

    cursor: pointer;

    padding: 12px;

    padding: 0.75rem;

}

.circle-image-sm, .circle-image-xsm {

    overflow:hidden;

    border-radius:50%;

    margin: 0.5em auto;

}

.circle-image-sm {

    height:100px;

    width:100px;

}

.logo-wrapper img {
	max-width: 150px;
}

.circle-image-xsm {

    width: 50px;

    height: 50px;

}

.circle-image-sm img, .circle-image-xsm img  {

    height: 150px;

    max-width: 100px;

}

#access ul ul {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	width: 180px;
	z-index: 99999;
	padding: 0;
	margin: 0;
}
#access ul ul li {
	min-width: 180px;
}

#access ul ul ul, #access ul ul ul ul, #access ul ul ul ul ul {
	left: 65%;
    top: 100%;
}

#access ul ul a {
	background: #fff;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
	border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}

#access ul ul li:first-child a {
	border-top: 1px solid #dbdbdb;
}