/*
Theme Name: Interpal - Child Theme of AC Base
Theme URI: https://interpal.charity
Version: 1.0
Description: Interpal Public Site 2018.
Author: Interpal
Author URI: https://interpal.charity
template: bb-theme
*/

/* Add your custom styles here... */ 
body {min-width:320px;}



#fl-main-content p, #fl-main-content ul, #fl-main-content ol {margin-bottom:25px;}
#fl-main-content li {margin-bottom:10px;}


/*** GENERIC ***/
.fullwidth-limit-content-width .fl-row-content.fl-node-content {
	width: 60%;
	max-width: 835px;
}



	/*** Site Wide Content Area ***/
	.post-contentarea h2,
	.post-contentarea h3 {margin-top: 45px; font-weight:600}
	.post-contentarea h2 {font-size: 30px; }
	.post-contentarea h3 {font-size: 23px;}
	.post-contentarea p {margin-bottom:28px;}
	.post-contentarea li {margin-bottom:20px;}

	
	body.single-format-video .fl-module-fl-post-info + .fl-module-photo,
	body.single-format-gallery .fl-module-fl-post-info + .fl-module-photo {display:none;}
	body.single-format-video .post-contentarea,
	body.single-format-gallery .post-contentarea {margin-top:-20px;}



	/*** Site Wide - Secondary Menu ***/
	.secondary_menu {}
	.secondary_menu ul {list-style-type:none; text-align:center; padding:0px; margin:0px;}
	.secondary_menu li {
		display:inline-block; 
		border-right:1px solid #aaa;
		padding: 0px 8px 0px 0px;
		margin: 5px 5px 5px 0px;
	}
	.secondary_menu li:last-child {border-right:0px; margin-right:0px;}
	.secondary_menu li a {color:#555}
	.secondary_menu li a:hover {color:#17b6c5}
	.secondary_menu li.current-menu-item a {color:#17b6c5}

	.secondary_menu_sticky {
		position: fixed;
		left: 0;
		width: 100%;
		background:#f6f6f6;
		padding:10px 0px 7px 0px;
		z-index:3;
	}


/*** EVENTS SECTION ***/
.single-event-row {margin:25px 0;}

.single-event-intro {margin-top:-15px;}
.single-event-intro h3:nth-of-type(1) {margin-top:0px;}
.single-event-image {margin-left:0px; margin-right:25px; padding-left:0px;}
.single-event-intro .single-event-social-share {
	margin: -5px 0px 0px -5px;
    display: inline-block;
}


.other-events-list {}
.events-other-upcoming .events-table .eventrow {
    border-bottom: 1px solid #bbb;
    padding: 25px 10px;
    margin: 0px 25px;
	width: calc(100% - 50px);
	transition: all 0.3s linear;
}
.events-other-upcoming .events-table {margin-top:30px;}
.events-other-upcoming .events-table .eventrow h4.eventname {margin-top:0px;}
.events-other-upcoming .events-table .eventrow:hover {background:#17b6c5;}
.events-other-upcoming .events-table .eventrow:hover,
.events-other-upcoming .events-table .eventrow:hover a {color:#fff;}
div.css-search div.em-search-main .em-search-submit {background: #17b6c5; border-color:#17b6c5; }

#branchpage .pastevents-list, #branchpage .upcomingevents-list {max-width: 900px; margin: 70px auto;}
#branchpage .events-table {margin-top:0px;}
#branchpage .em-pagination {
	margin: 20px auto;
	display: block;
	text-align: center;
	font-size: 115%;
}
#branchpage .em-pagination > a {
	background: #f0f0f0;
	padding: 5px 8px;
	margin: 0px 5px;
}



#widget-eventlist {}
#widget-eventlist li {
	display:inline-block;
	margin:70px 25px 25px 25px;
	width: calc(33% - 50px);
	padding:25px;
	background:#f0f0f0;
	transition: all 0.3s linear;
}
#widget-eventlist li h3 a { color: #17b6c5; }
#widget-eventlist .event_image {max-height:180px; overflow:hidden; display:block; margin-top:-80px}

#widget-eventlist li:hover {background:#17b6c5; color:#fff;}
#widget-eventlist li:hover h3 a {color:#fff;}






/*** HEADER ***/
#header_logo img {width:100%; height:auto;}
.fl-theme-builder-header-shrink #header_logo img {width:auto;}

#header-chat-icon.online-now {}
#header-chat-icon.online-now .ua-icon-chat {
	color:#32CD32;
	animation:online-now 2s infinite alternate;
    -moz-animation:online-now 2s infinite alternate; /* Firefox */
    -webkit-animation:online-now 2s infinite alternate; /* Safari and Chrome */
}

@keyframes online-now { 
  from { opacity: 0.2; } 
}


.header-strapline-column {width:350px;}
.header-menu-column {width: calc(100% - 520px);} /*was 300*/
.header-phone-column {width:165px;}
.header-search-column {width:135px;}
#topbar-menu .menu > li.current-menu-item > a {color:#006f7a}

.logo_strapline {font-size:17px; color:#005a62;}
.logo_strapline .fl-theme-builder-header-shrink-module-top {opacity:0;}

.menu li.menu-mobileonly {display:none;}

body > div.fl-page > form.search-form {display:none;} /*Hide search form rendered above header*/

	/*Menu Search*/
	#menu-top-menu li {vertical-align:middle}
	#menu-top-menu li.menu_search_icon > a {padding: 2px 0 0 5px; font-size: 31px;color:#006f7a; line-height:20px; margin-top: -9px;}
	#menu-top-menu li.menu_search_icon.active > a {color:#f7a823}
	
	.menu_searchbox {position:relative;}
	.menu_searchbox.show form {width:390px; position:absolute; right:30px; top:-20px;}
	.menu_searchbox form label {width: calc( 100% - 10px);}
	.menu_searchbox form input[type=search] {
		height: 35px;
		border: 1px solid #f7a823;
		background: #f7a823;
		color: #fff; font-weight:normal; font-size:150%
	}
	.menu_searchbox form input[type=search]::placeholder {color:#fff;  opacity: 1;}
	.menu_searchbox form input[type=search]:-ms-input-placeholder {color:#fff; }
	.menu_searchbox form input[type=search]::-ms-input-placeholder {color:#fff; }

	.menu_searchbox form input[type=submit] {
		width: 65px;
		padding: 3px;
		border: 0px none;
		color: #f7a823;
		background: #fff;
		margin-left: -75px;
		position: absolute;
		top: 5px;
	}



/*** FOOTER **/
#footer-bottom-row a:hover {color:#F7A823;}
#footer_email_form .fl-form-success-message {color:#fff; text-align:center;}


/*** HOMEPAGE ***/
.topslide .fl-row-content.fl-node-content {margin-left: 0;}


/*** CONTACT US PAGE ***/
.contact_row, .contact_row > h2 {
	width:100%;
	display:block;
	position:relative;
	clear:both;
}
.contact_box {
	width: calc(50% - 30px);
	margin:0 30px 0 0;
	display:block;
	float:left;
}
.contact_row h2 {margin-top:50px; width:100%; float:left;}
.fl-node-content .contact_row:first-child h2 {margin-top:0px;}

.contact_row h3 {font-size: 21px; font-weight:600; color:#3a3a3a; margin-top:0px;}
.contact_row h3 a {color: #3a3a3a;}
.contact_row h3 a:hover {color: #f7a823;}



/*** DONATE OPTIONS PAGE ***/
.donate_options > .fl-node-content {transition: all 0.3s linear; border-radius:15px; -webkit-border-radius:15px;}
.donate_options:hover > .fl-node-content {background-color:#f7a823}
.donate_options:hover .fl-node-content a {color:#555555}

.donate_options.square > .fl-node-content {border-radius:0; -webkit-border-radius:0;}
.donate_options:hover > .fl-node-content {background-color:}

.donate_options-text {display:none; transition: all 0.3s linear}
.donate_options:hover .donate_options-text {display:block}



/*** SITE WIDE WIDGETS ***/
.uabb-blog-posts .uabb-post-wrapper:hover .uabb-blog-posts-shadow,
.feed-blogs .fl-post-grid-post:hover {background-color:#F7A823;}

.uabb-blog-posts .uabb-post-wrapper:hover .uabb-blog-posts-shadow,
.uabb-blog-posts .uabb-post-wrapper:hover h5.uabb-post-meta,
.uabb-blog-posts .uabb-post-wrapper:hover p.uabb-post-meta,
.uabb-blog-posts .uabb-post-wrapper:hover h5.uabb-post-heading a,
.uabb-blog-posts .uabb-post-wrapper:hover h3.uabb-post-heading a,
.uabb-blog-posts .uabb-post-wrapper:hover a,
.feed-blogs .fl-post-grid-post:hover,
.feed-blogs .fl-post-grid-post:hover a, 
.feed-blogs .fl-post-grid-post:hover span.fl-post-grid-date {color:#ffffff;}

.uabb-blog-posts .uabb-post-wrapper:hover h5.uabb-post-heading a:hover,
.uabb-blog-posts .uabb-post-wrapper:hover h3.uabb-post-heading a:hover,
.uabb-blog-posts .uabb-post-wrapper:hover a:hover,
.feed-blogs .fl-post-grid-post:hover a:hover {color:#ffffff;}



.whatwillyoudo_fancytext .uabb-fancy-text-prefix {margin-top:-7px;}
.whatwillyoudo_fancytext .uabb-fancy-text-main {min-height:48px !important;}

	/* Add This - Share Buttons */
	.at-share-btn-elements {text-align:center}
	.at-share-btn-elements a.at-share-btn {margin:10px 5px;}
	.at-share-btn-elements a.at-svc-whatsapp {display:none;}
	@media(max-width:600px) {
		.at-share-btn-elements a.at-svc-whatsapp {display:inline-block;}
		.at-share-btn-elements a.at-svc-linkedin, .at-share-btn-elements a.at-svc-google_plusone_share {display:none;}
	}


	/* Add This - Read Next */
	.at4-whatsnext {border: 1px solid #fff !important;}
	.at4-whatsnext.ats-light {background:#17B6C5 !important;}
	.at4-whatsnext.ats-light:hover {background:#f7a823 !important;}
	.at4-whatsnext .at-whatsnext-content .at-branding, .at4-whatsnext .at-whatsnext-content-inner small {display:none !important;}
	.at4-whatsnext .at-whatsnext-content-inner div.at-h6, .at4-whatsnext .at-whatsnext-content-inner a:link, .at4-whatsnext .at-whatsnext-content-inner a:visited {color:#fff !important;}
	.at4-whatsnext .at-whatsnext-content .at-h3 {font-size:16px !important; line-height:20px !important;}
	

	
	/* PDF Download Links */ 
	.pdf_download {width:80%; margin-right:10%; margin-left:10%;}
	a.pdf_preview {font-weight:bold; padding:15px; display:block; position:relative}
	.pdf_download img {width:90px; margin-right:15px; float:left}
	.pdf_download.large img {width:200px;}

	.pdf_download + .pdf_download  {border-top:1px solid #ddd;}
	a.pdf_preview:hover {background-color:#F7A823; color:#fff }


	/* Embedded Tweets / Facebook / Youtube */
	.post-contentarea iframe {margin:0px auto; display:block; max-width:100%}
	iframe.twitter-tweet, twitterwidget.twitter-tweet, .twitter-tweet  {margin:25px auto !important; max-width:100% !important}
	.twitter-tweet iframe {width:80%; max-width:500px}
	.post-contentarea .fb_iframe_widget {margin:25px auto; display:block; width:100%; text-align:center;}
	.post-contentarea .embed-youtube {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 0px;
		height: 0;
		overflow: hidden;
	}
	.post-contentarea .embed-youtube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	
	/* FAQs */
	body.faqs .post-contentarea .accordion h3 {
		border-bottom: 1px solid #00747b;
		color: #00747b;
		margin: 0px;
		padding: 10px 15px;
		font-weight:400;
	}
	body.faqs .post-contentarea .accordion h3:nth-of-type(1) {margin-top:30px;}
	body.faqs .post-contentarea .accordion h3:hover {cursor:pointer; background-color:#e5e5e5}
	body.faqs .post-contentarea .accordion h3 + p {margin-top:10px;}
	body.faqs .post-contentarea .accordion p.faq-open {padding:0px 30px;}



	/* Related - Jet Pack*/
	#jp-relatedposts.jp-relatedposts {padding:0px; margin-top: 30px;}
	#jp-relatedposts.jp-relatedposts h3.jp-relatedposts-headline {margin-bottom: 15px; float: none; display: block;}
	#jp-relatedposts.jp-relatedposts h3.jp-relatedposts-headline em {color:#006F7A; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 20px; line-height: 1.2;}


	#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {padding:10px;}
	#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
		font-size: 16px !important; text-align:center;
	    line-height: 21px !important;
		color:#484848; text-decoration:none !important;
	}
	#jp-relatedposts h3.jp-relatedposts-headline em::before {border-top:0px none !important;}

	#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-title {transition: all 0.3s linear;}
	#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:hover > * {background:#F7A823}
	#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:hover > .jp-relatedposts-post-title a {color:#ffffff;}


	/* Lightbox */
	.jp-carousel-left-column-wrapper, .jp-carousel-image-meta {display:none;}
	.jp-carousel-wrap .jp-carousel-overlay { background:rgba(0,0,0,0.9) !important; }
	.jp-carousel-wrap .jp-carousel-info h2 {font-size:17px !important;}
	.jp-carousel-wrap .jp-carousel-close-hint span {height:40px; width:40px; line-height:40px !important; font-size: 55px !important; color:#fff; background:#cb0000;}


	/* BLOCKQUOTES */
	.post-contentarea blockquote {width: 90%; margin: 25px 5%; border-color:#17b6c5}
	.post-contentarea blockquote p {font-size: 115%;color: #17b6c5;font-style: italic; color:#17b6c5}
	

	/* TABLES */
	.post-contentarea table {display:block; width:90%; margin:25px 5%;}
	.post-contentarea td, .post-contentarea th {padding:10px 5px; border:1px solid #ccc;}
	

	/* SIDEBAR SEARCH */
	#sidebar_search label {width: calc( 100% - 90px );}
	#sidebar_search input[type=submit] {width:80px; border:0px none; height:35px}
	#sidebar_search input[type=search] {height:36px; font-weight:normal}
	#sidebar_search input[type=submit]:hover, #sidebar_search input[type=submit]:focus,
	#sidebar_search input[type=submit]:active {color:#fff}
	

	/* IMAGE SLIDESHOWS */
	#gslideshow {max-width: 800px; margin: 50px auto;}
	/*#gslideshow .gss-info { background-color:#17b6c5; }*/
	#gslideshow .cycle-slideshow {background-color: #f5f5f5;}
	#gslideshow .gss-info { 
		    background-color: #f5f5f5;
			color: #333;
			font-size: 18px;
			line-height: 145%;
			font-weight: 400;
			letter-spacing: -0.3px;
	}
	.gss-captions, .gss-long-cap { height: auto; min-height: auto !important;}
	#gslideshow_captions {padding:35px 25px; white-space:pre-line;}

	#gslideshow .gss-prev, #gslideshow .gss-next, #gslideshow .gss-play {
		background-color:transparent; 
		color:#17B6C5; 
		font-size: 25px;
		line-height: 20px;
		padding:0;
		margin:0px 10px;
		border:0px none;
		vertical-align: middle;
	}
	#gslideshow .gss-play {margin-right:4px; font-size:20px;}
	#gslideshow .gss-play .fa-pause {}
	#gslideshow .gss-pager a {height:15px; width:15px;}
	#gslideshow .gss-pager .cycle-pager-active, #gslideshow .gss-pager .cycle-pager-active:hover {
		background-color: #17B6C5;
	}
	.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky {z-index:101;}

	@media only screen and (max-width: 768px) {
		.gss-nav {
			float: none;
			width:100%;
			text-align:center;
		}
	}






/*** RESPONSIVE ***/
@media only screen and (max-width:1396px) and (min-width:993px) {
	.uabb-ib-effect-style7 h3.uabb-new-ib-title {font-size:30px;}
	.uabb-ib-effect-style7.uabb-ib2-hover h3.uabb-new-ib-title { display:none; }
	.uabb-ib-effect-style7.uabb-ib2-hover .uabb-new-ib-desc {padding:10px; left:10px; right:10px;}
	.uabb-ib-effect-style7.uabb-ib2-hover .uabb-new-ib-content {bottom:0px;}
}


@media only screen and (max-width: 1169px) {
	.fl-node-5a77fafcc8de9 .uabb-creative-button-wrap a {
	    font-size: 15px;
	    line-height: 17px;
	}

	.header-strapline-column {display:none;}
	.header-menu-column {width: calc(100% - 300px);}

	#menu-main-menu > li a {font-size:17px;}

}

@media only screen and (max-width: 992px) {
	#widget-eventlist li { width: calc(48% - 50px); }
	#widget-eventlist li:nth-of-type(3) {display:none}

	#widget-latest-blogs .uabb-blog-posts-col-1 {width:33%}

}

@media only screen and (max-width: 768px) {
	h2 {font-size: 30px;}
	h3 {font-size: 26px;}

	.fullwidth-limit-content-width .fl-row-content.fl-node-content { width: 90%; }

	#header-bar .fl-col-group > * {
		display:inline-block;
		vertical-align: middle;
	}
	#header_logo img {max-width:180px;}
	#header-bar .fl-col-group > *:nth-of-type(2) {	float:right; }

	.em-location-map-container, .single-event-intro .single-event-social-share {display:none;}
	.single-event-image {margin-bottom:20px;}
	.events-other-upcoming .events-table .eventrow {width:100%; margin:0px; padding: 25px 0;}
	.events-other-upcoming .events-table .eventrow:nth-of-type(1) {padding-top:0px;}

	#widget-eventlist li { width: calc(100% - 50px); }
	#widget-eventlist li:nth-of-type(3) {display:block}

	#widget-latest-blogs .uabb-blog-posts-col-1 {width:50%}
	#widget-latest-blogs .uabb-blog-posts-col-1:nth-of-type(3) {display:none}

	.fl-post-feed-post.fl-post-feed-image-beside {max-width:100%;}

	.fl-node-5a77fc808936a .uabb-creative-menu .uabb-menu-overlay ul.menu {margin-top:0px;}
	.menu li.menu-mobileonly {display:block;}
	.menu li.menu-topborder { border-top: 1px solid #ccc; margin-top: 15px !important; padding-top: 10px;}

	
	/*Spacings for Page Headers on mobiles*/
	.fl-node-5aaeef4a3d1f4 > .fl-module-content, .fl-node-5a793b28219dc > .fl-module-content,
	.fl-node-5bdb27dec4f44 > .fl-module-content { padding: 20% 0;}
	.fl-node-5aaf558a9d5d8.fl-row > .fl-row-content-wrap {border:0px none;}

	.pdf_download {width: 100%; margin-right: 0; margin-left: 0;}


	.menu_searchbox.show {
		position: absolute;
		bottom: -35px;
		left: 5px;
		right: auto;
		width: 100%;
		z-index: 10;
	}
	.menu_searchbox.show form { right: 0; top: 0; }
	.menu_searchbox form input[type=search] { padding: 5px 15px; height: auto;}
	.menu_searchbox form input[type=submit] {top: 12px; }

}

@media only screen and (max-width: 459px) {
	#header_logo img {max-width:140px;}
	#main-menu .fl-module-content { margin-left:0px }
	#header-bar .uabb-creative-menu-mobile-toggle {font-size:17px;}
	#header-bar .uabb-creative-menu .sub-menu > li > a {padding:15px;}

	.contact_box {width:95%; margin:15px 0%}
	.contact_box h2 {margin-top:0px;}

	#widget-latest-blogs .uabb-blog-posts-col-1 {width:100%}
	#widget-latest-blogs .uabb-blog-posts-col-1:nth-of-type(3) {display:block}

}


@media only screen and (max-width: 379px) {

}






.crp_related {margin:80px auto 0px auto;}
.crp_related h3 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 5px !important;
	font-weight: normal;
}
.crp_related ul {
	width:100%;
	width: 100%;
    list-style: none;
    margin: 25px 0px;
    padding: 0;
}
.crp_related li {
	width: calc(33.3% - 20px);
	border: 0px;
	box-shadow: none;
	border-radius: 0px;
	background: transparent;
	padding:0 10px;
	display: inline-block;
    margin: 10px 0;
}
.crp_related a {width:100%; height:auto;}
.crp_related .crp_title, .crp_related li:hover .crp_title  {
	width: 100%;
	position: relative;
	background-color: transparent;
	color: #006f7a !important;
	text-shadow: none;
	text-align: left;
	padding: 10px 0px;
	margin: 0px;
	font-size:18px;
	display: inline-block;
}
.crp_related li:hover {background:#eeeeee;}

.crp_related ul  picture {
	display: block;
	max-height: 218px;
	overflow: hidden;
}

@media (max-width: 768px) {
	.crp_related ul li:nth-of-type(3) {display:none;}
	.crp_related ul li {width:calc(50% - 10px); }
}

@media (max-width: 450px) {
	.crp_related ul li {width:calc(100% - 10px); }
	.crp_related ul li:nth-of-type(3) {display:block;}
}