/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Siamak Makhdoum
Author URI: https://quest.com/
Template: oceanwp
Version: 1.1.61
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
body {
	font-family: "Noto Sans",sans-serif;
	font-size: 14px;
	line-height: 1.8;
	color: #4a4a4a;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

a, a:focus {
	outline: none;
}

#primary a{
	text-decoration: none;
}
#primary a.button{
	text-transform: initial;
}
#primary a:hover{
	text-decoration: underline;
}
#primary a.button:hover{
	text-decoration: none;
}
.category-listing-h1{
	text-align: center;
	margin: 140px 0 0;
	color: #00556c;
	font-size: 30px;
}
.tax-desc{
	font-size: 18px;
}
.admin-bar #wrap #site-header{
	top: 32px;
}
.admin-bar #wrap .blog-detail-sticky{
	top: 110px;
}

#site-header #searchform-dropdown{
	width: 460px;
	border-color: #00556c;
}

#site-logo-inner .blog-link{
	margin-left: 15px;
	border-left: 3px solid rgba(83, 86, 90, 0.39);
	padding: 0px 14px;
	color: #00556c;
	font-size: 25px;
	font-weight: bold;
	line-height: 36px;
	/* margin-top: 10px; */
	vertical-align: inherit;
}

.hidden, #ruigehond006_wrap{
	display: none!important;
}

.single-post #main #content-wrap{
	padding-top: 10px;
}

#site-navigation .search-toggle-li{
	display: none!important;
}
.oceanwp-social-menu.simple-social{
	padding-top: 6px;
}
.search-icon-v2{
	padding: 30px 12px 0;
}
.search-icon-v2 i{
	font-size: 25px;
	font-weight: bold;
	color: #00556c;
	cursor: pointer;
}
#site-header-inner #searchform-dropdown .searchform-submit{
	position: absolute;
	right: 17px;
	top: 16px;
	background: #fff;
	padding: 8px;
}
#site-header-inner #searchform-dropdown .searchform-submit{
	font-size: 20px;
	color: #4a4a4a;
}

#site-navigation .dropdown-menu ul li a.menu-link:hover{
	background: none;
}

.home #main #content-wrap{
	padding-top: 20px;
}
.home .listing-home-h1{
	text-align: center;
	margin: 40px auto 0;
}
.home .listing-home-h1 h1{
	color: #00556c;
	font-size: 32px;
	font-weight: bold;
	line-height: 36px;
}

/*Site header*/
@media only screen and (min-width: 960px){


	#site-header #site-header-inner{
		display: block;
	}
	/*#site-header #site-header-inner #site-logo{
		float: none;
	}*/

	#site-header .header-links-wrap{
		float: right;
		display: flex;
	}
	/*#site-header #site-header-inner .oceanwp-social-menu{
		float: none;
		order:3;
		padding-top: 6px;
	}*/
	/*#site-header #site-header-inner .header-cta{
		order:4;
	}*/
	#site-header #site-header-inner #site-navigation-wrap{
	/*	width: 740px;*/
		/*float: left;*/
		/*right: auto;*/
		margin-right: 15px;
	}
	#site-header #site-header-inner #site-navigation-wrap .menu-item,
	#site-header #site-header-inner #site-navigation-wrap .search-toggle-li a{
		padding-top: 6px;
	}
	#site-header #site-header-inner #site-navigation-wrap .sub-menu .menu-item{
		padding: 10px;
	}
	#site-header #site-header-inner #site-navigation-wrap .sub-menu .menu-item a{
		padding: 0;
	}
	#site-header #site-header-inner #site-navigation-wrap .sub-menu .menu-item a:hover{
		text-decoration: underline;
	}
	#site-header #site-header-inner #site-navigation-wrap .sub-menu .menu-item a span{
		line-height: 1.4;
	}
	#site-header #site-header-inner .dropdown-menu .sub-menu{
		border-color: #fb4f14;
		min-width: 360px;
		max-height: 500px;
		overflow-y: auto;
	}
	#site-header #site-header-inner .dropdown-menu .sub-menu{
		background:#fff!important;
	}
	#site-header #site-header-inner #site-navigation-wrap .menu-item a span{
		font-size: 16px;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: 3.25;
		letter-spacing: normal;
		text-align: left;
		color: #00556c;
	}
	#site-header #site-header-inner #site-navigation-wrap .search-toggle-li{
		float: right;
		padding-top: 6px;
	}
	#site-header #site-header-inner #site-navigation-wrap .search-toggle-li i{
	   font-size: 25px;
	   font-weight: bold;
		color: #00556c;
   }
	#site-header #site-header-inner .oceanwp-social-menu .social-menu-inner a{
		color: #00556c;
		font-size: 30px;
		padding-top: 4px;
	}

	/*Blog Detail page*/
	header.page-header.singular{
		margin-top: 100px;
	}


	#footer-inner .footer-box.span_1_of_4.col-2{
		width: 75%;
	}

}




/*Home Page top sections*/
.listing-top-wrapper .slider-container{
	/*max-width: 70%;*/
	width: 810px;
	/*float: left;*/
	padding: 10px;
	/*min-width: 70%;*/
}
.listing-top-wrapper .form-container{
	width: 370px;
	border-top: 0;
	padding: 10px;
}

/*Slider*/
@media only screen and (max-width: 1199px){
	.listing-top-wrapper .slider-container{
		width: auto;
		max-width: 70%;
	}
	.form-container .subscribe-form{
		padding: 20px 10px 20px;
	}
}
.custom-widget-wrapper.youtube-shortcode iframe{
	height: 470px;
}
/*slider mobile*/
@media only screen and (max-width: 766px){
	.listing-top-wrapper{
		flex-wrap: wrap;
	}
	.listing-top-wrapper .slider-container{
		width: 100%;
		max-width: 100%;
	}
	.listing-top-wrapper .form-container {
		width: 100%;
	}
	.custom-widget-wrapper.youtube-shortcode iframe{
		height: 170px;
	}
}


.listing-top-wrapper{
	margin-top: 100px;
	display: flex;
	justify-content: space-between;
}
.listing-top-wrapper h2{
	color: #fff;
	background: #00556c;
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
}
.form-container h2{
	text-align: center;
}

.listing-top-wrapper .slider-container .flex-control-paging li a.flex-active{
	background: #fb4f14;
}

.listing-top-wrapper .slider-container .slider-v1 .slides li > a{
	background: #000000;
	width: 100%;
	height: 100%;
	display: block;
}
/*.listing-top-wrapper .slider-container .slider-v1 .slides li a img{
	opacity: 0.65;
}*/

.listing-top-wrapper .slider-container .slider-v1 .caption-wrap{
	/*background: transparent;*/
	/*background: rgba(0, 85, 108, 0.8);*/
	/*background: rgba(0, 0, 0, 0.8);*/
	background: rgba(0, 57, 73, 0.8);
	/*position: absolute;
	top: 0;*/
	opacity: 1;
}

.listing-top-wrapper .slider-container .slider-v1 .caption{
	/*position: absolute;
	bottom: 0;*/
	padding: 0 20px;
}

.listing-top-wrapper .slider-container .slider-v1 .caption h3{
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: normal;
	text-align: left;
	color: #fff;
	margin-bottom: 15px;
	padding-top: 15px;
}
.listing-top-wrapper .slider-container .slider-v1 .caption p{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: left;
	color: #fff;
	margin-bottom: 25px;
}

.listing-top-wrapper .slider-container .slider-v1 a{
	color: #fff;
}

.listing-top-wrapper .slider-container .slider-v1 a:hover{
	text-decoration: underline;
}

/*.slider-container #n2-ss-2 .n2-ss-item-content.n2-ss-text.n2-ow{
	font-family: 'Noto Sans';
	color: #ffffff;
	font-size: 125%;
	text-shadow: none;
	line-height: 1.5;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	font-weight: 700;
	margin-bottom: 10px;
}*/


/*.slider-container #n2-ss-2 .n2-ss-item-content.n2-ss-text.n2-ow-all p{
	font-family: 'Noto Sans';
	color: #ffffff;
	font-size: 100%;
	text-shadow: none;
	line-height: 1.5;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	font-weight: 400;
}*/

.listing-top-wrapper .subscribe-form{
	border-top: 0;
}
.no-widget-title .widget-title{
	display: none;
}


/*.listing-top-wrapper div.n2-ss-slider .n2-ss-slide-limiter{
	max-width: 100%!important;
}
.listing-top-wrapper div.n2-ss-slider .n2-ss-slide-limiter .n2-ss-layer{
	padding: 0!important;
}
.n2-ss-section-main-content{
	padding: 0 15px!important;
	justify-content: flex-end!important;
}
.listing-top-wrapper .n2-bullet.n2-active{
	background:#fb4f14!important;
}*/

@media only screen and (min-width: 1200px) and (max-width: 1347px){
	#footer-inner .footer-widgets-inner .footer-box.col-1{
		width: 100%;
	}
	#footer-inner .footer-widgets-inner .footer-box.col-2{
		width: 80%;
	}
	.site-footer #footer-inner .footer-widgets-inner .f-link>div{
		margin: 0 24px 0 24px;
	}
	.related-post-box .post-tile-bottom,
	.entries .blog-entry .post-tile-bottom,
	.related-post-box,
	body .oceanwp-row .blog-entry.grid-entry{
		width: 320px!important;
	}
}




@media only screen and (min-width: 960px) and (max-width: 1199px){
	#main .related-post-box .post-tile-bottom,
	#main .entries .blog-entry .post-tile-bottom{
		position: relative;
		bottom: 0;
	}
	#footer-widgets .footer-widgets-inner{
		display: flex;
		flex-direction: column;
	}
	#footer-widgets .footer-box.col-1{
		order: 2;
		text-align: center;
	}
	#footer-widgets .footer-box.col-2{
		order: 1;
	}
	#footer-inner .footer-widgets-inner .footer-box.span_1_of_4.col-2{
		width: 100%;
	}
	.site-footer #footer-inner .footer-widgets-inner .f-link>div{
		margin: 0 26px 0 26px;
	}
	.site-footer #footer-inner .footer-widgets-inner .f-link>div:first-child{
		margin-left: 0;
	}
	#wrap .site-footer .f-social {
		display: flex;
		justify-content: center;
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 959px){
	.header-cta,
	.header-links-wrap,
	.header-links-wrap .search-icon-v2,
	.oceanwp-mobile-menu-icon .oceanwp-text,
	.oceanwp-mobile-menu-icon .oceanwp-close-text{
		display: none!important;
	}
	#mobile-dropdown{
		max-height: 600px;
		border-bottom: 2px solid #00556c;
	}
	#mobile-dropdown .sub-menu{
		max-height: 500px;
		overflow-y: auto;
	}
	#mobile-dropdown .header-links-wrap{
		display: block!important;
	}
	#mobile-dropdown .header-links-wrap .header-cta{
		display: block!important;
		padding: 0px 0px 27px 34px;
	}
	#site-header #mobile-dropdown{
		max-height: initial;
	}
	#site-logo #site-logo-inner{
		height: 58px;
	}
	.oceanwp-mobile-menu-icon .fa-bars{
		color: #00556c;
		font-size: 26px;
		vertical-align: middle;
		margin-top: -4px;
	}
	.oceanwp-mobile-menu-icon a {
		line-height: 64px;
	}
	.oceanwp-mobile-menu-icon .opened .fa-bars{
		font-size: 33px;
	}
	.oceanwp-mobile-menu-icon .opened .fa-bars:before {
		content: "\f00d";
	}
	#mobile-dropdown ul li a{
		border-color: #00556c;
		font-weight: 600;
		color:#00556c;
	}

	.mobile-search-icon{
		margin-right: 15px;
	}
	.mobile-search-icon > i{
		font-size: 22px;
		font-weight: bold;
		color: #00556c;
		line-height: 63px;
	}

	.mobile-search-box-wrap{
		padding: 10px 20px;
		border-bottom: 2px solid #00556c;
	}
	.mobile-search-box-wrap.open #mobile-menu-search{
		display: block;
	}

	.mobile-search-box-wrap #mobile-menu-search form{
		position: relative;
	}

	.mobile-search-box-wrap #mobile-menu-search form input{
		border: 2px solid #00556c;
	}


	.mobile-search-box-wrap #mobile-menu-search form button {
		display: block;
		position: absolute;
		right: 5px;
		height: 30px;
		line-height: 30px;
		width: 30px;
		padding: 0;
		text-align: center;
		top: 7px;
		font-size: 20px;
		/* margin-top: -15px; */
		background-color: transparent !important;
		color: #555;
		border: 0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	#mobile-dropdown .sub-menu{
		padding-left: 15px;
	}
	#mobile-dropdown .sub-menu a,
	#mobile-dropdown .sub-menu a:hover,
	#mobile-dropdown .sub-menu a:visited,
	#mobile-dropdown .sub-menu a:focus{
		color: #333;
	}
	#mobile-dropdown ul.menu li a .dropdown-toggle{
		font-family: "Font Awesome 5 Free";
		font-weight: 700;
	}
	#mobile-dropdown ul.menu li a .dropdown-toggle:before{
		content: "\f078";
		font-size: 26px;
		left: auto;
		right: 20px;
		color: #fb4f14;
	}
	#mobile-dropdown ul.menu li.active a .dropdown-toggle:before{
		content: "\f077";
		font-size: 26px;
		left: auto;
		right: 20px;
		color: #fb4f14;
	}

	#mobile-dropdown ul li a .dropdown-toggle:focus,
	.oceanwp-mobile-menu-icon a:focus{
		outline: none!important;
	}


	/*Slider tablet*/

	.listing-top-wrapper{
		justify-content: center;
	}
	.listing-top-wrapper .slider-container{
		width: auto;
		max-width: 330px;
	}
	.listing-top-wrapper .form-container{
		width: 330px;
	}

	.listing-top-wrapper .slider-container .slider-v1 .caption-wrap{
		position: inherit;
	}

	.listing-top-wrapper .slider-container .slider-v1 .caption{
		box-shadow: 0 3px 4px 0 rgb(0 0 0 / 16%);
		background: #fff;
		padding-bottom: 20px;
	}

	.listing-top-wrapper .slider-container .slider-v1 a{
		font-size: 20px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.3;
		letter-spacing: normal;
		text-align: left;
		color: #10556c;
	}

	.listing-top-wrapper .slider-container .slider-v1 .caption p{
		/*font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.5;
		letter-spacing: normal;
		text-align: left;*/
		color: #53565a;
		margin-bottom: 0;
	}

	.listing-top-wrapper .slider-container .metaslider .flex-control-nav{
		bottom: -42px;
	}

	/*Slider tablet ends*/

	/*form tablet*/
	.form-container .subscribe-form{
		padding: 36px 10px 26px;
	}

	#main header.page-header.singular{
		margin-top: 95px;
	}
	#main .blog-detail-sticky{
		top: 57px;
		padding: 15px 0 10px;
	}
	#main .blog-detail-sticky .container{
		align-items: center;
	}
	#main .blog-detail-sticky .sticky-title{
		width: 65%;
		font-size: 16px;
	}
	#main .blog-detail-sticky .sticky-share a{
		font-size: 16px;
		padding: 3px 6px;
	}
	#main .blog-detail-sticky .sticky-share i.fab{
		margin-right: 0;
	}
	#main .blog-detail-sticky .sticky-share .share span span{
		display: none;
	}

	body #main .oceanwp-row .blog-entry.grid-entry{
		margin: 20px 10px;
		width: 310px;
	}

	#main .related-post-box .related-post-img,
	#main .related-post-box .related-post-figure{
		height: 150px;
	}
	#main .blog-entry.post .thumbnail img{
		height: 168px;
	}

	#main .related-post-box .related-post-txt{
		padding-bottom: 30px;
	}

	#main .related-post-box .post-tile-bottom,
	#main .entries .blog-entry .post-tile-bottom{
		position: relative;
		bottom: 0;
	}
	#content-wrap .content-area{
		margin-bottom: 0;
	}

	#wrap #footer-inner #footer-widgets{
		text-align: center;
		padding: 0px 0 20px;
	}

	#wrap .site-footer .f-info .f-logo{
		max-width: 185px;
	}

	#wrap .site-footer .f-social{
		display: flex;
		justify-content: center;
		margin-bottom: 15px;
	}
	#wrap .site-footer .f-link>div {
		float: none;
		border-left: none;
		padding: 24px 10px 0;
		margin: 0;
		border-bottom: 1px solid #fff;
	}

	/*#wrap .site-footer .f-link ul li{
		display: none;
	}*/

	#wrap #footer-widgets .col.col-3,
	#wrap #footer-widgets .col.col-4{
		margin-bottom: 0;
	}

	#wrap #footer-inner #footer-widgets .footer-widgets-inner{
		display: flex;
		flex-direction: column;
	}
	#wrap #footer-inner #footer-widgets .footer-widgets-inner .col.col-1{
		order: 2;
		float: none;
	}
	#wrap #footer-inner #footer-widgets .footer-widgets-inner .col.col-2{
		order: 1;
		float: none;
	}
	#wrap #footer-inner #footer-widgets .footer-widgets-inner .footer-box.col{
		padding:0;
		width: 100%;
	}
	#wrap .site-footer .f-link>div h4{
		text-align: left;
		margin: 4px 0 0;
		font-size: 20px;
		font-weight: 700;
		color: #fff;
		background-image: url(/wp-content/themes/oceanwp-child-theme-master/img/chevron-down-white.svg);
		background-position: right;
		background-repeat: no-repeat;
		background-size: 35px 24px;
	}
	#wrap .site-footer .f-link>div.open h4{
		background-image: url(/wp-content/themes/oceanwp-child-theme-master/img/chevron-up-white.svg);
	}
	#wrap #footer-inner #footer-widgets .footer-box .footer-widget .f-link>div ul{
		margin: 18px 0 10px;
		max-height: 0;
		transition: max-height .15s ease-out;
		overflow: hidden;
		text-align: left;
	}
	#wrap #footer-inner #footer-widgets .footer-box .footer-widget .f-link>div.open ul{
		max-height: 500px;
		transition: max-height .5s ease-in;
	}
	/*custom widget mobile*/
	.custom-widget-wrapper .blog-cta-center{
		padding: 10px 15px 50px;
	}
	.custom-widget-wrapper .cta-orange-bg{
		background-size: 150px;
	}
	.custom-widget-wrapper .blog-cta-center h2{
		padding: 0;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	.custom-widget-wrapper .blog-cta-center p{
		margin: 0!important;
	}
	.custom-widget-wrapper .blog-cta-center a.btn{
		margin-left: 0!important;
		margin-right: 0!important;
	}

	.custom-widget-wrapper .blog-cta-left{
		flex-flow: column;
		padding: 15px;
	}
	.custom-widget-wrapper .blog-cta-left h2{
		max-width: 100%!important;
		text-align: center;
		padding: 0;
		margin-top: 0!important;
	}

	.custom-widget-wrapper .blog-quote{
		padding: 40px 0;
		background-position: bottom right;
	}

	#main #content-wrap .custom-widget-wrapper .blog-quote h2{
		padding-right: 20px!important;
		font-size: 28px;
	}
	#content-wrap #author-bio{

	}
	#content-wrap #author-bio #author-bio-inner{
		flex-flow: column;
		padding: 20px;
	}
	#content-wrap #author-bio #author-bio-inner .author-bio-avatar{
		display: block;
	}
	#author-bio .author-bio-avatar h3.author-bio-title.hidden-md{
		margin: 0px 0px 30px!important;
		font-size: 25px;
	}
	#author-bio .author-bio-avatar .author-bio-title a{
		margin-top: 0;
	}
	#author-bio .author-bio-avatar a{
		display: block;
	}
	.hidden-xs{
		display: none!important;
	}
	.hidden-md{
		display: block!important;
	}

	.search-results #main article .thumbnail{
		display: block;
		margin-bottom: 15px;
		float: none;
	}

	.search-results #main .search-entry-content.clr {
		float: none;
		width: 100%;
	}
	.search-results #main .search-results article .thumbnail.search-thumbnail {
		float: none;
		max-width: 100%;
	}


}
.header-cta{
	padding: 27px 0 0 24px;
}
.header-cta .widget-title{
	display: none!important;
}
.btn-v3-orange-border{
	padding: 6px 18px;
	border: 2px solid #fb4f14;
	color: #fb4f14;
	font-size: 14px;
	background: transparent;
	font-weight: bold;
}
.btn-v3-orange-border:hover{
	color: #fff;
	background: #fb4f14;
	border: 2px solid #fb4f14;
	text-decoration: none;
}

/*Code block styling*/
.site-content pre{
	max-width: 840px;
	margin: 0 auto;
	display: grid;

	overflow-x: auto;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

/*Subscribe form*/
.subscribe-form {
	background-color: #e9f4f5;
	border-top: 32px solid #00556c;
	padding: 34px 10px 24px;
}

.floating-form.subscribe-form {
	position: fixed;
	width: 258px;
	right: 10px;
	z-index: 999;
	bottom: 10px;
	box-shadow: 0 3px 4px 0 rgb(0 0 0 / 16%);
}
.subscribe-form.closed{
	height: 0;
	padding: 0;
	bottom: 0;
}
.subscribe-form .widget-title{
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: normal;
	text-align: center;
	color: #00556c;
	border: none;
	margin: 0 auto 40px;
	padding: 0;
	max-width: 70%;
	text-transform: none;
}
.subscribe-form form{
	text-align: center;
}
.subscribe-form form input[type=submit]{
	text-transform: initial;
	font-size: 13px;
	font-weight: 600;
}
.subscribe-form form input[type=text],
.subscribe-form form input[type=email]{
	border: 1px solid #00556c;
	border-radius: 0;
	margin-bottom: 14px;
}
.subscribe-form input::placeholder {
	color: #00556c;
	opacity: 1; /* Firefox */
}
.subscribe-form .close-button{
	position: absolute;
	top: -27px;
	right: 6px;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	bottom: 0;
}
.closed-title{
	display: none;
	color: #fff;
	position: absolute;
	top: -31px;
	left: 6px;
}
.subscribe-form.closed .closed-title{
	display: block;
}


.subscribe-form p.form-description{
	font-size: 11px;
	line-height: 1.4;
	margin: 20px 0 0;
}
.subscribe-form p.form-description a{
	color: #00556c;
	text-decoration: underline;
}

.blog-detail-sticky #ruigehond006_wrap{
	display: block!important;
}

#wrap #site-header{
	position: fixed;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #f1f1f1;
	z-index: 100;
	top: 0;
}

#site-logo #site-logo-inner a img{
	width: 130px;
}

.blog-detail-sticky {
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 99;
	top: 80px;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.16);
	padding: 20px 0;
}
.blog-detail-sticky .container{
	display: flex;
	justify-content: space-between;
}
.blog-detail-sticky .sticky-title{
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.22;
	color:#00556c;
}

.blog-detail-sticky .sticky-share ul{
	margin: 0;
	list-style: none;
}

.blog-detail-sticky .sticky-share li{
	display: inline-block;
	margin-left: 5px;
}

.blog-detail-sticky .sticky-share a{
	color: #fff;
	font-size: 12px;
	background: #333;
	padding: 5px 10px;
	border-radius: 4px;
}

.blog-detail-sticky .sticky-share i.fab{
	margin-right: 7px;

}

.blog-detail-sticky .sticky-share .linkedin a{
	background: #2373cc;
}
.blog-detail-sticky .sticky-share .facebook a{
	background: #3b5997;
}
.blog-detail-sticky .sticky-share .twitter a{
	background: #38a1f2;
}

header.page-header.singular {
	background: white;
	width: 860px;
	margin: 130px auto 0;
	padding: 0 20px;
	max-width: 100%;
}

.single-post.content-max-width #main #content-wrap.singular{
	padding-top: 10px;
}

header.page-header.singular .container{
	max-width: 100%;
	padding-top: 0;
}
.page-header-inner h3,
.page-header-inner h3 a{
	color: #8a8a8b;
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.83;
}
.page-header-inner h1{
	color: #00556c;
	font-size: 32px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.22;
}
.custom-author-box {
	display: flex;
	align-items: center;
	margin-top: 24px;
}
.custom-author-box .avathor-container img{
	border-radius: 40px;
}
.custom-author-box span.author-label {
	display: inline-block;
	padding: 0 5px 0 0;
	color: #10556c;
	font-size: 15px;
	font-weight: 600;
}
.custom-author-box .meta-author a{
	color: #10556c;
	font-size: 15px;
	font-weight: 600;
}

.meta-container span{
	display: block;
	padding-left: 10px;
	color: #8a8a8b;
	line-height: 1.4;
	font-size: 14px;
}
.single-post.content-max-width .entry-content > div{
	margin: 1.5em auto;
	max-width: 860px;
	padding: 0 20px;
}
.entry-content li{
	margin-bottom: 12px;
}
.subtitle{
	text-align: left;
	width: 100%;
	display: block;
}
#content-wrap .site-content h2{
	color:#00556c;
	margin-top: 20px!important;
	margin-bottom: 20px!important;
	font-size: 29px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
}
#content-wrap .site-content h3{
	color:#00556c;
	margin-top: 20px!important;
	margin-bottom: 20px!important;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
}
#content-wrap .site-content h4{
	color:#00556c;
	margin-top: 20px!important;
	margin-bottom: 20px!important;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
}
/*Blog Quote*/
.blog-quote{
	text-align: left;
	width: 100%;
	display: block;
	padding: 0px 80px 0px 0;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 200px;
	background-image: url(/wp-content/themes/oceanwp-child-theme-master/img/quote-bg.svg);
}
#content-wrap .custom-widget-wrapper .blog-quote h2{
	color: #00556c;
	margin: 0!important;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	padding-left: 0!important;
	padding-right: 80px!important;
}
#content-wrap .custom-widget-wrapper .blog-quote span{
	color:#00556c;
	font-size: 25px;
	display: block;
	margin-top:2px;
}
/*CTA center aligned*/
.cta-orange-bg{
	background-image: url(/wp-content/themes/oceanwp-child-theme-master/img/cta-center-bottom-bg.svg);
	background-position: left bottom;
	background-color: #ffeee8;
	background-repeat: no-repeat;
	background-size: 240px;
}

.blog-cta-center{
	text-align: center;
	width: 100%;
	padding: 10px 30px;
	background-image: url(/wp-content/themes/oceanwp-child-theme-master/img/cta-center-top-bg.svg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 60px;
}
.blog-cta-center h2{
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.22;
	color:#00556c;
	margin: 30px 40px 0!important;
}
.blog-cta-center p{
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.75;
	margin: 10px 40px 16px!Important;
}
.blog-cta-center a{
	display:inline-block;
	border: solid 2px ;
	padding: 8px 16px;
	color:#fb4f14;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none!important;
	margin: 15px;
}

/*Fix table size*/
.entry-content table{
	max-width: 820px;
	margin: 0 auto;
}

/*CTA left aligned*/
.cta-blue-bg{
	background-size: contain;
	background-image: url(/wp-content/themes/oceanwp-child-theme-master/img/cta-left-bg-right-bottom.jpg);
	background-position: right bottom;
	background-color: #ecf6f7;
	background-repeat: no-repeat;
}
.blog-cta-left{
	text-align: left;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 50px 30px;
	justify-content: space-between;
	background-image: url(/wp-content/themes/oceanwp-child-theme-master/img/dots-orange-bright.svg);
	background-position: -2px -53px;
	background-size: 100px;
	background-repeat: no-repeat;

}
.blog-cta-left h2{
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.22;
	color:#00556c;
	margin: 0!important;
	padding-left: 0!important;
	max-width: 70%!important;
}
.blog-cta-left a{
	display:inline-block;
	border: solid 2px ;
	padding: 8px 16px;
	color:#fb4f14;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none!important;
}
/*Brightcove*/
.bc-caption{
	font-size: 16px;
	color: #6f6e6f;
	font-style: italic;
	line-height: 1.4;
	padding: 15px 0 0;
}

.singular .entry-content p{
	color: #6f6e6f;
}

.post-tags .fa-tag{
	font-size: 16px;
	margin-right: 5px;
	color:#fb4f14;
}
.post-tags a{
	color: #707070;
	font-weight: normal;
	text-decoration: underline;
	font-size: 14px;
	text-transform: lowercase;
}

/*Author box*/
.single-post .site-content #author-bio{
	max-width: 860px;
	border: none;
}
.single-post .site-content #author-bio #author-bio-inner{
	border: solid 1px #fa4616;
	padding: 50px 40px;
}


#author-bio .author-bio-avatar{
	border-radius: 0;
	min-width: 180px;
	text-align: center;
	background-image: url(/wp-content/themes/oceanwp-child-theme-master/img/dots-orange-bright.svg);
	background-repeat: no-repeat;
	background-position: right 85px;
}
#author-bio .author-bio-title.hidden-md{
	display: none;
}

.author-bio-content .author-bio-title.hidden-xs{
	display: block;
}

#author-bio .author-bio-avatar img{
	width: 150px;
	height: auto;
	border: none;
}
#author-bio .author-bio-avatar h3.author-bio-title{
	margin-bottom: 0px!important;
}
#author-bio .author-bio-content h3.author-bio-title{
	color:#00556c;
	font-size: 25px!important;
	font-weight: bold;
	margin-top: 0!important;
	margin-bottom: 15px!important;
}
#author-bio .author-bio-title a{
	line-height: 1.22;
	font-size: 20px;
	color:#00556c;
	font-weight: normal;
	text-align: center;
	margin-top: 25px;
	display: block;
}

.author-social-links{
	list-style: none;
	margin: 0;
}
.author-social-links li{
	display: inline-block;
	margin: 10px 6px;
}
.author-social-links li i{
	font-size: 20px;
	color:#00556c;
}
.author-social-links li.author-facebook{
	margin-left: 0;
}

/*Related Posts*/
.related-post-v2{
	padding-top: 15px;
}
.related-post-container {
	display: flex;
	width: 100%;
	justify-content: center;
	flex-wrap: wrap;
}
.related-post-box, body .oceanwp-row .blog-entry.grid-entry {
	padding: 0;
	margin: 20px;
	width: 360px;
	max-width: 100%;
	box-shadow: 0 2px 10px 0 rgb(140 114 80 / 11%);
	-webkit-box-shadow: 0 2px 10px 0 rgb(140 114 80 / 11%);
	background-color: #fff;
	transition: .3s;
	color: #00556c;
}
.related-post-box{
	border: 1px solid #e9e9e9;
}


.related-post-v2 h2,
body .oceanwp-row .blog-entry.grid-entry h2{
	color:#00556c;
	margin-top: 60px;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}
.related-post-box .related-post-img,
.related-post-box .related-post-figure,
.blog-entry.grid-entry .thumbnail{
	height: 200px;
	overflow: hidden;
	background: #eee;
	position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1347px){
	.related-post-box .related-post-img,
	.related-post-box .related-post-figure{
		height: 140px;
	}
}
/*.blog-entry.post .thumbnail img{
	height: 180px;
	overflow: hidden;
	background: #eee;
	position: relative;
}*/
.related-post-box .related-post-img img,
.related-post-box .related-post-figure img{
	width: 100%;
	display: block;
	max-width: 100%;
	height: auto;
}

.related-post-box .related-post-txt{
	padding: 20px 15px 60px;
}

.related-post-box .related-post-title,
.related-post-box .related-post-title a,
body .oceanwp-row .blog-entry.grid-entry a{
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: normal;
	text-align: left;
	color: #10556c;
	margin: 0;
}

body .oceanwp-row article.blog-entry.grid-entry{
	border: 1px solid #e9e9e9;
}
.blog-entry.post .blog-entry-header .entry-title a {
	font-weight: inherit;
	letter-spacing: inherit;
}

body .oceanwp-row .blog-entry.grid-entry .blog-entry-inner{
	padding-bottom: 0;
border: none!important;
}
.related-post-box .related-post-author,
body .oceanwp-row .blog-entry.grid-entry .meta-author a{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
	text-align: left;
	color: #10556c;
	margin: 10px 0;
	display: block;
}
.related-post-txt .related-post-author a{
	color: #10556c;
}
body .oceanwp-row .blog-entry.grid-entry .meta,
body .oceanwp-row .blog-entry.grid-entry .meta li{
	margin: 0;
	padding: 0;
	display: inherit;
}

body .oceanwp-row .blog-entry.grid-entry .blog-entry-summary{
padding-bottom: 80px;
min-height: 86px;
}

body .oceanwp-row .blog-entry.grid-entry .meta-author .icon-user{
	display: none;
}

.related-post-box p,
body .oceanwp-row .blog-entry.grid-entry p{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: left;
	color: #53565a;
	margin: 0;

}
.related-post-box .post-tile-bottom,
.entries .blog-entry .post-tile-bottom{
	padding: 10px 15px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.67;
	text-align: left;
	position: absolute;
	bottom: 20px;
	list-style: none;
	display: block;
	border-top: 1px solid #eee;
	width: 360px;
	max-width: 100%;
}

.entries .blog-entry .post-tile-bottom{
	bottom: 0px;
	z-index: 99;
	background: #fff;
}
.entries .blog-entry.large-entry .post-tile-bottom{
	width: 100%;
	border: 0;
	padding: 5px 0 15px;
}

.related-post-box .post-categories,
.entries .blog-entry .post-tile-bottom .post-categories{
	margin: 0;
}
.related-post-box .post-categories li,
.entries .blog-entry .post-tile-bottom .post-categories li{
	display: inline-block;
	margin: 0 20px 0 0;
}
/*.related-post-box .post-categories li:first-child,
.entries .blog-entry .post-tile-bottom .post-categories li:first-child{
	margin-right: 20px;
}*/

.related-post-box .post-categories li:after{
	/*font-family: "Font Awesome 5 Brands";
	content: "\f09a";*/
}
.related-post-box .post-categories li a,
.entries .blog-entry .post-tile-bottom .post-categories li a{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: left;
	color: #01556c;
}

.related-post-box .related-post-share{
	position: absolute;
	right: 14px;
	top: 14px;
}
.entries .blog-entry .post-tile-bottom .related-post-share{
	position: absolute;
	right: 14px;
	top: 7px;
}
.related-post-box .related-post-share ul,
.entries .blog-entry .post-tile-bottom .related-post-share ul{
	margin: 0;
	list-style: none;
}
.related-post-box .related-post-share li,
.entries .blog-entry .post-tile-bottom .related-post-share li{
	display: inline-block;
	margin-left: 5px;
}

.related-post-box .related-post-share li i,
.entries .blog-entry .post-tile-bottom .related-post-share li i{
	font-size: 16px;
	color: #01556c;
}

/*Footer*/
.site-footer .f-info .f-logo {
	margin-bottom: 20px;
	max-width: 220px;
}

.site-footer .f-social{
	margin: 20px 0 54px;
	display: flex;
	justify-content: center;
}
.q-footer-center .site-footer .f-social ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.site-footer .f-social ul li {
	float: left;
	margin-right: 15px;
}
.site-footer .f-social ul li.facebook {
	margin-right: 5px;
}
.site-footer .f-social ul li a {
	width: 20px;
	height: 20px;
	display: block;
	margin-right: 0;
}
.site-footer .f-info a:first-child {
	margin-left: 0;
}
.site-footer .f-info span {
	display: block;
	font-size: 10px;
	margin: 0 0 4px;
}
.site-footer .f-social ul li.linkedin span {
	background: url(/wp-content/themes/oceanwp-child-theme-master/img/linkedin-in-white.svg) 0 0 no-repeat;
	width: 18px;
	height: 14px;
	display: block;
	background-size: cover;
}
.site-footer .f-social ul li.linkedin:hover span {
	background-image: url(/wp-content/themes/oceanwp-child-theme-master/img/linkedin-in-blue.svg);
}
.site-footer .f-social ul li.twitter span {
	background: url(/wp-content/themes/oceanwp-child-theme-master/img/twitter-white.svg) 0 0 no-repeat;
	width: 18px;
	height: 14px;
	display: block;
	background-size: cover;
}
.site-footer .f-social ul li.twitter:hover span {
	background-image: url(/wp-content/themes/oceanwp-child-theme-master/img/twitter-blue.svg);
}
.site-footer .f-social ul li.facebook span {
	background: url(/wp-content/themes/oceanwp-child-theme-master/img/facebook-white.svg) 0 0 no-repeat;
	width: 8px;
	height: 14px;
	display: block;
	background-size: cover;
}
.site-footer .f-social ul li.facebook:hover span {
	background-image: url(/wp-content/themes/oceanwp-child-theme-master/img/facebook-blue.svg);
}
.site-footer .f-social ul li.youtube span {
	background: url(/wp-content/themes/oceanwp-child-theme-master/img/youtube-white.png) 0 0 no-repeat;
	width: 20px;
	height: 14px;
	display: block;
	background-size: cover;
}
.site-footer .f-social ul li.youtube:hover span {
	background-image: url(/wp-content/themes/oceanwp-child-theme-master/img/youtube-blue.png);
}

.site-footer .f-link>div {
	float: left;
	margin: 0 38px 0 35px;
	padding: 0;
}
.site-footer .f-link>div:last-child{
	margin-right: 0;
	padding-left: 40px;
	border-left: 0.5px solid #fff;
}

.site-footer .f-info span {
	display: block;
	font-size: 10px;
	margin: 0 0 4px;
	color: #fff;
}
.site-footer .f-info span>span{
	display: inline-block;
}
.site-footer .f-link>div h4{
	color: #fff;
}
#footer-inner #footer-widgets{
	background: #01556c;
	padding: 70px 0;
}
.site-footer .f-link ul li{
	padding-bottom: 16px;
}

.site-footer .f-link ul li a{
	color: #fff;
	font-size: 14px;
	display: block;
}
#footer-widgets .footer-box .f-link ul li a:hover{
	color: #fff;
}

.site-footer .q-footer-center {
	text-align: center;
}

.site-footer .q-footer-center .logo-size {
  max-width: 150px;
}

.site-footer .q-footer-center .white-color {
  color: #fff;
}

.site-footer .q-footer-center .bottom-margin {
  margin-bottom: 10px;
}

#footer .footer-widgets-inner .col {
  float: inherit;
}

#footer-widgets .footer-box a:hover {
  color: #e14d43;
}


.search-count{
	text-align: center;
	display: block;
	margin-top: 10px;
}

.search-results article .thumbnail.search-thumbnail img{
	width: 360px;
	max-width: 100%;
	height: auto;
	border-radius: 0;
}
.search-results #main article h2.search-entry-title {
	font-size: 24px;
	margin: 0 0 6px!important;
}

.search-results #main article h2.search-entry-title a{
	color: #00556c;
}


.search-results article .search-entry-readmore a:hover{
		text-decoration: none!important;
}

.search-entry-content.clr {
	float: left;
	width: 65%;
}
.search-results article .thumbnail.search-thumbnail {
	float: left;
	width: 360px;
}
.search-results #content article .search-entry-inner{
	display: block;
}
#content #blog-entries{
	justify-content: center;
}
/*Unsubscribe pages*/
.full-width-form.unsubscribe form .layout{
	display: flex;
	justify-content: center;
}
.full-width-form.unsubscribe form .layout .field-control-wrapper{
	width: 360px;
	max-width: 80%;
}
.full-width-form.unsubscribe .form-description{
	margin-top: 40px;
	text-align: center;
	font-size: 14px;
}
/*Subscribe Page*/
.full-width-form.subscribe-form{
	margin: 0 auto;
	width: 600px;
	max-width: 80%;
}

.elq-form .LV_validation_message{
	display: none!important;
}

.archive #main #content-wrap{
	padding-top: 30px;
}
/*Code container in content */
.single-post.content-max-width .entry-content > div.content-scrollable-wrapper{
	padding: 0;
}

.blog-entry-inner .meta .meta-author span.author-label {
	display: inline-block;
    	padding: 0 5px 0 0;
		color: #10556c;
		font-size: 16px;
}
.blog-entry-inner .meta .meta-author a{
    display: inline-block !important;
}

/* popup css */

.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 1rem 1.5rem;
  width: 650px;
  max-width: 90%;
  border-radius: 0.5rem;
}
.close-button-pop {
  float: right;
  font-size: 32px;
  width: auto;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  padding: 2px 2px 6px;
  background-color: lightgray;
}
.close-button-pop:hover {
  background-color: darkgray;
}
.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.modal h3 {
	color: #00556c;
    font-size: 32px;
	text-align: center;
    font-weight: bold;
    line-height: 36px;
	margin: 55px 22px 22px;
}
.modal p {
	font-size: 20px;
	margin-bottom: 40px;
	text-align: center;
}



/*form validation*/
:root{
    --succes-color: #2ecc71;;
    --error-color: #e74c3c;
}
.field-control-wrapper  label{
    color:#777;
    display: block;
    margin-bottom: 5px; 
}
 .field-control-wrapper  input
{
    border: 2px solid #f0f0f0;
    border-radius: 4px;
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 14px;   
}

.field-control-wrapper  input:focus{
    outline: 0;
    border-color: #777;

}

.field-control-wrapper.success input {
    border-color: var(--succes-color) !important;
}
.field-control-wrapper.error{
	margin-bottom: 10px;
}
.field-control-wrapper.error input {
    border-color: var(--error-color) !important;
	margin-bottom: 2px !important;    
}

.field-control-wrapper  small{
    color: var(--error-color);
    bottom: 0;
    left: 0;
    display: none;
}

.field-control-wrapper.error small{
    display: block;
}

#news-home-page .btn-primary{
	color: #fff !important;
    background-color: #016a9c;
    border-color: #016a9c;
	text-align:center;
	text-decoration: none !important;
	padding: 4px;
	width: 100%;
    display: block;
}
#news-home-page img {min-width: 100%;}
#news-home-page .category-listing-h1 {text-align: left;}

/*Toadworld*/
/*Youtube video embeded*/
.hs-responsive-embed{
	text-align: center;
}
.hs-responsive-embed iframe{
	max-width: 100%;
	width: 560px;
}

#main .responsive-video-wrap iframe {
    /* position: absolute;*/
	display: block !important;
	position: relative !important;
	margin: 0 auto;
	max-width: 640px;
	max-height: 385px !important;
	height: 385px !important;
}