/*

Theme Name: OceanWP Child

Theme URI: https://oceanwp.org/

Description: OceanWP WordPress theme example child theme.

Author: Nick

Author URI: https://oceanwp.org/

Template: oceanwp

Version: 1.0

*/



/* Parent stylesheet should be loaded from functions.php not using @import */





#top-bar-wrap { border-bottom: 2px solid #00599b;  } 

#top-bar-inner ul { margin: 0; list-style: none; float:right;} 

#top-bar-inner ul li { display: inline-block; vertical-align: top; zoom: 1; *display: inline; /* Fix for IE7 */  float: left; } 

#top-bar-inner ul li a { display: block; padding: 6px; color: #a6afba; text-decoration: none; -webkit-transition: color 0.5s, border 0.5s, background 0.5s; -moz-transition: color 0.5s, border 0.5s, background 0.5s; -o-transition: color 0.5s, border 0.5s, background 0.5s; transition: color 0.5s, border 0.5s, background 0.5s; } 

#top-bar-inner ul li a:hover { background: #fbfbfb; color: #1cc6da; } 

#top-bar-inner .span7 { text-align: right; } 

#top-bar-inner #top-bar-inner-icon-sec { *zoom: 1; display: inline-block; vertical-align: top; zoom: 1; *display: inline; /* Fix for IE7 */  } 

#top-bar-inner #top-bar-inner-icon-sec:before, #top-bar-inner #top-bar-inner-icon-sec:after { display: table; content: ""; line-height: 0; } 

#top-bar-inner #top-bar-inner-icon-sec:after { clear: both; } 

#top-bar-inner #top-bar-inner-icons { margin: 0; list-style: none; display: inline-block; vertical-align: top; zoom: 1; *display: inline; /* Fix for IE7 */  font-size: 18px; line-height: 26px; *zoom: 1; } 

#top-bar-inner #top-bar-inner-icons:before, #top-bar-inner #top-bar-inner-icons:after { display: table; content: ""; line-height: 0; } 

#top-bar-inner #top-bar-inner-icons:after { clear: both; } 

#top-bar-inner #top-bar-inner-icons li { display: inline-block; float: left; } 

#top-bar-inner #top-bar-inner-icons li a { display: block; width: 40px; text-align: center; padding: 4px 0 6px; text-decoration: none; color: #a6afba; text-shadow: 1px 1px rgba(255, 255, 255, 0.1); -webkit-transition: border 0.5s, background 0.5s, color 0.5s; -moz-transition: border 0.5s, background 0.5s, color 0.5s; -o-transition: border 0.5s, background 0.5s, color 0.5s; transition: border 0.5s, background 0.5s, color 0.5s; } 

#top-bar-inner #top-bar-inner-icons li a:hover { background: #fbfbfb; color: #1cc6da; } 

#top-bar-inner #top-bar-inner-icons li a i { font-size: 13px; } 

#top-bar-inner a { border-top: 0px solid #fff; } 

#top-bar-inner a:hover { border-top: 0px solid #1cc6da; }



#site-navigation-wrap .dropdown-menu > li > a { padding: 0 5px;  letter-spacing: 0.3px; }

.after-header-content .after-header-content-inner {

 display:table-cell;

 vertical-align:middle;

 height:24px

}

.after-header-content .after-header-content-inner>a,

.after-header-content .after-header-content-inner>div>a {

 display:inline-block;

 line-height:24px

} 





body{font-family:Open Sans;font-size:14px;line-height:22px;color:#4f4f4f;background:#fff;}h1{font-family:Source Sans Pro;font-size:46px;line-height:50px;font-weight:600;color:#586276;}h2{font-family:Source Sans Pro;font-size:35px;line-height:40px;font-weight:700;color:#586276;}h3{font-family:Source Sans Pro;font-size:28px;line-height:34px;font-weight:600;color:#586276;}h4{font-family:Source Sans Pro;font-size:21px;line-height:30px;font-weight:600;color:#586276;}h5{font-family:Source Sans Pro;font-size:17px;line-height:24px;font-weight:600;color:#586276;}h6{font-family:Source Sans Pro;font-size:14px;line-height:21px;font-weight:600;color:#586276;}blockquote{font-family:Source Sans Pro;font-size:17px;line-height:27px;font-weight:400;color:#00599b;}

.page-title h2{font-family:Source Sans Pro;font-size:26px;line-height:34px;font-weight:600;color:#00599b;}



a{color:#1e73be;}a:hover{color:#17a5b5;}a:active{color:#17a5b5;}

.logo-nav nav.main-nav ul li a{font-family:Open Sans;font-size:15px;color:#00599b;}

.logo-nav nav.main-nav ul li a:hover{color:#848a96;border-top-color:#848a96;}

.logo-nav nav.main-nav ul li.current-menu-item a, .logo-nav nav.main-nav ul li a.current-menu-item{color:#00599b;border-top-color:#00599b;background:#fbfbfb;}

.logo-nav nav.main-nav ul li.current-menu-item a:after, .logo-nav nav.main-nav ul li a.current-menu-item:after{background:#00599b;}

.logo-nav nav.main-nav ul li.current-menu-item a .sf-sub-indicator:before, .logo-nav nav.main-nav ul li a.current-menu-item .sf-sub-indicator:before{color:#00599b;}

.logo-nav nav.main-nav ul li.sfHover > a{color:#848a96;border-top-color:#848a96;}

.logo-nav nav.main-nav ul li.sfHover > a .sf-sub-indicator:before{color:#848a96;}

.logo-nav nav.main-nav ul li a:hover .sf-sub-indicator:before{color:#848a96;}

.logo-nav nav.main-nav ul li > ul li{background:#00599b !important;}

.logo-nav nav.main-nav ul li > ul li a{color:#93acbd !important;}

.logo-nav nav.main-nav ul li > ul li a .sf-sub-indicator:before{color:#93acbd;}

.logo-nav nav.main-nav ul li > ul li a:hover{background:#00599b !important;color:#f2f5f7 !important;}

.logo-nav nav.main-nav ul li > ul li a:hover .sf-sub-indicator:before{color:#f2f5f7;}

.logo-nav nav.main-nav ul li > ul li.current-menu-item a{background:#00599b !important;color:#a9bdca !important;}

.logo-nav nav.main-nav ul li > ul li.current-menu-item a:hover{background:#00599b !important;color:#f2f5f7 !important;}

.logo-nav nav.main-nav ul li > ul li.sfHover > a{background:#00599b !important;color:#f2f5f7 !important;}

.logo-nav nav.main-nav ul li > ul li.sfHover > a .sf-sub-indicator:before{color:#f2f5f7;}

.logo-nav nav.main-nav ul li > ul li > ul li:first-child:after{border-color:transparent #00599b transparent transparent;}

.logo-nav nav.main-nav ul li > ul li > ul li:first-child:hover:after{border-color:transparent #00599b transparent transparent;}

.page-title{background:#f2f5f7;}::selection{background-color:#ff3c64;color:#ffffff;}::-moz-selection{background-color:#ff3c64;color:#ffffff;}

.top-bar nav ul li a{font-family:Open Sans;font-size:15px;color:#97a1ad;border-color:#ffffff;}

.top-bar nav ul li a:hover{background:#fbfbfb;color:#00599b;border-top-color:#00599b;}

.top-bar nav ul li a:active{background:#fbfbfb;color:#00599b;border-top-color:#00599b;}

.top-bar{border-bottom-color:#00599b;background:#ffffff;}

.top-bar .top-bar-icons li a{color:#97a1ad;border-color:#ffffff;}

.top-bar .top-bar-icons li a:hover{background:#fbfbfb;color:#1cc6da;border-top-color:#1cc6da;}

.top-bar .top-bar-icons li a:active{background:#fbfbfb;color:#1cc6da;border-top-color:#1cc6da;}

.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active{background:#00599b;}

.dl-menuwrapper ul{background:#00599b;}

.no-touch .dl-menuwrapper li a:hover{color:#f2f5f7 !important;background:#00599b;}

.dl-menuwrapper li a{color:#93acbd;}

#gallery .portfolio-item .portfolio-container .portfolio-meta h3 a{color:#ffffff;font-family:Source Sans Pro;font-size:22px;line-height:30px;font-weight:600;}

#gallery .portfolio-item .portfolio-container .portfolio-meta h3 a:hover{color:#ffffff;}

#gallery .portfolio-item .portfolio-container .portfolio-meta h3 a:active{color:#ffffff;}

#gallery .portfolio-item .portfolio-container{background:#424a59;color:#a6afba;}

#gallery .portfolio-item .portfolio-container .portfolio-meta{background:#424a59;border-bottom-color:#1cc6da;}

#gallery .more-link, .button, input[type="submit"]{background:#00599b;color:#ffffff;}

#gallery .more-link:hover, .button:hover, input[type="submit"]:hover{color:#ffffff;background:#18aebe;}a.more-link, a.button{color:#ffffff !important;}footer{background:#999b9e;color:#e8f2ed;}footer a{color:#000000;}footer a:hover{color:#1e73be;}footer a:active{color:#17a5b5;}footer .copyright{background:#00599b;}

.service h3{font-family:Source Sans Pro;font-size:28px;line-height:30px;font-weight:600;color:#424a59;}

.service h3 .thin-txt{font-family:Source Sans Pro;font-weight:400 !important;color:#424a59;}footer .widget h3.title{font-family:Source Sans Pro;font-size:20px;line-height:28px;font-weight:400;color:#848a96;}

.service i.service-icon{color:#424a59;}

.service:hover i.service-icon{color:#00599b;}

.service-main h3{font-family:Source Sans Pro;font-size:22px;line-height:30px;font-weight:600;color:#424a59;}

.service-main h3 .thin-txt{font-family:Source Sans Pro;font-weight:300 !important;color:#424a59;}

.service-main .service-icon{color:#424a59;}

.service-main .service-icon:after{background:#00599b;}

.service-main:hover .service-icon{background:#00599b;}





.block-title {   position: relative;   margin-bottom: 10px; margin-top:20px;  } 

.block-title:before, .block-title:after {   display: table;   content: "";   line-height: 0;  } 

.block-title:after {   clear: both;  } 

.block-title .block-title-text {   float: left;   display: inline-block; color:#ff0000; } 

.block-title .block-title-text .block-title-bar {   height: 20px;   width: 7px;   border-left: 1px solid #1cc6da;   border-right: 1px solid #1cc6da;   display: inline-block;   margin-right: 10px;   position: relative;   top: 2px;  } 

.block-title .block-title-text h2 {   font-weight: 600;   font-size: 22px;   line-height: 30px;   color: #000000;   display: inline-block;   padding-right: 20px;   margin: 0;   text-transform: uppercase;  } 

.block-title .block-title-line {   position: relative;  } 

.block-title .block-title-line .block-title-big-line {   overflow: hidden;   position: relative;   top: 23px;   border-bottom-width: 1px;   border-bottom-style: solid;   border-color: #f2f5f7;  } 

.block-title .block-title-line .block-title-small-line {   width: 70px;   overflow: hidden;   position: absolute;   top: 21px;   right: 0;   border-bottom-width: 5px;   border-bottom-style: solid;   border-color: #e9eef1; }





.more-service h4 i{color:#00599b;}ul.page-numbers li a{color:#00599b;}ul.page-numbers li span.page-numbers{background:#00599b;border-color:#00599b;}





#filter ul { list-style: none; }

#filter li { 

    display: inline-block;

    margin-right: 15px;

}



#filter li.current {background:#00599b; color:#ffffff;}

#filter li {

    padding: 7px 15px;

    background: #f2f5f7;

    margin: 5px;

    font-size: 16px;

    line-height: 26px;

	transition: background 0.5s, border-color 0.5s, color 0.5s;

	display: block;

	cursor: pointer;

	color:#000000;

	}







.folio-info h2{color:#00599b;}#carousel.flexslider .flex-viewport .flex-active-slide{border-color:#00599b;}

.post-date{border-color:#00599b;background:#424a59;}article footer a, article footer i, .post-meta a, .post-meta i{color:#4f4f4f;}

.social-sharing, .comment-body .comment-context .comment-head, .post-thumb{background:#424a59;}

.canto-tagcloud a{font-size:14px !important;}

.canto-tagcloud a:hover{background:#00599b !important;}

.author-info h4{background:#00599b !important;}

.ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li.ui-tabs-active a{background:#f2f5f7 !important;}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a{border-top-color:#1cc6da !important;color:#424a59 !important;}

.ui-tabs .ui-tabs-nav li a:hover{color:#1cc6da !important;}

.ui-tabs .ui-tabs-nav li a{border-top-color:#424a59 !important;color:#ffffff !important;}

.ui-tabs .ui-tabs-nav{background:#424a59 !important;}

.ui-accordion .ui-accordion-header{background:#424a59 !important;border-left-color:#424a59 !important;}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon{background:#1cc6da !important;}

.ui-accordion .ui-accordion-header.ui-accordion-header-active{border-left-color:#1cc6da !important;}

.ui-accordion .ui-accordion-header.ui-accordion-header-active:after{background:#1cc6da !important;}

.ui-accordion .ui-accordion-content{background:#a7c5db !important;}

.author-info{background:#424a59 !important;}

.bx-controls .bx-controls-direction a:not(.disabled):hover{background:#00599b !important;color:#001e35 !important;border-color:#004a82 !important;border-bottom-color:#003c68 !important;}strong{color:#424242;}footer .widget ul li .post-title .post-meta a,.canto-popular-post li .post-title .post-meta a{color:#cee3d9;}input[type="text"]:focus,input[type="email"]:focus,textarea:focus{border-color:rgba(0,89,155,0.5);-webkit-box-shadow:0 0 5px rgba(0,89,155,0.3);-moz-box-shadow:0 0 5px rgba(0,89,155,0.3);box-shadow:0 0 5px rgba(0,89,155,0.3);}

.field label,.page-title a{color:#3b3b3b;}#filter label:hover{color:#303030;}

.dl-menuwrapper button{background:#0068b5;}blockquote small{color:#454545;}

.ui-tabs .ui-tabs-nav li{border-right-color:#4d5668;}



h3 {

    font-size: 21px;

    line-height: 21px;

    font-weight: 600;

    margin: 0px;

}

#gallery .portfolio-item .portfolio-container .portfolio-meta h3 a {

	font-size: 22px;

	line-height: 27px;

	font-weight: 300;

}

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

	#gallery .portfolio-item .portfolio-container .portfolio-meta h3 a { 

		font-size: 17px; 

		line-height: 7px;

	} 

	#gallery .portfolio-meta-container p { display: none; } 

	#gallery .portfolio-item .portfolio-container .portfolio-meta h3 a {

		font-size: 13px;

	}

	

} 

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

	#gallery .portfolio-meta-container p { display: none; }

	h3 {

		font-size: 21px;

		line-height: 21px;

		font-weight: 300;

		margin: 0px;

	}

	#gallery .portfolio-item .portfolio-container .portfolio-meta h3 a {

		font-size: 13px;

		line-height: 7px;

	}

	

} 

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

	#gallery .portfolio-item .portfolio-container .portfolio-meta h3 a {

		font-size: 20px;

		font-weight: bold;

	}

	#gallery .portfolio-meta-container p {

		display: block;

	}

}    



.folio-info h4{color:#00599b;}



.folio-info h5{color:#00599b;}



.folio-info ul{margin-top:0px; padding-top:0px;}



.folio-info p { margin-bottom:10px; }



#valuetable table {   }

#valuetable td { padding:4px; color:#3E404D; border:1px solid #A7ABB3; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#valuetable ul { margin:0px; padding:0px; margin-left:15px; }

#valuetable li { margin:0px; padding:0px;  }

#valuetable .term { color:#00599b; font-weight:bold; text-align:center; vertical-align:middle; }

#valuetable .term1 { color:#231F20; font-weight:100; text-align:center; vertical-align:middle; }

#valuetable .lr { background-color:#E6E9F4; }

#valuetable .c { background-color:#CDD4E8; }

#valuetable .title { background-color:#00599b; color:#FFFFFF; font-weight:bold; text-align:center; 

#valuetable .link1 { color:#00599b; font-weight:bold; text-decoration:underline;}



vertical-align:middle; }



footer .textwidget { border:0px solid #ff0000; }

footer .textwidget a { color:#00599b; } #valuetable1 table { border:0px;  }



#valuetable1 td { padding:4px; color:#3E404D; border:0px solid #A7ABB3; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}



a.download-link { color:#00599b; }



@media print

{

a[href]:after { content:none;  }

.flow-wrapper { display:none; }

.main-nav { font-size:12px; }

}



.services { border:0px solid #ff0000; }

.service { position: relative; } 

.wp-block-column h3 { font-size: 24px; line-height: 30px; color: #424a59; margin: 0px;  } 

i.service-icon { color: #424a59; font-size: 40px; line-height: 48px;  -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; float:left; margin-right:20px; } 

.wp-block-column .service-txt { margin-left: 70px; } 

.wp-block-column .read-more { margin-left: 70px; margin-top: 20px; padding:5px; } 

.service p { margin-bottom: 0; } 

.wp-block-column:hover i.service-icon { color: #00599b; } 



h1.page-header-title { font-size: 26px; line-height: 34px; font-weight: 600; color: #00599b; }

.page-header {

    position: relative;

    background-color: #f2f5f7;

    padding: 34px 0;

}



blockquote {

    font-size: 17px;

    line-height: 27px;

    font-weight: 400;

    color: #00599b;

}



ul.page-numbers li span.page-numbers {

    background: #ffffff;

    border-color: #00599b;

}

ul.page-numbers li span.dots {

    background: #ffffff;

    border-color: #ffffff;

}





#gallery .portfolio-item { width:270px;    overflow: hidden;}

#gallery .portfolio-container {

    background: #424a59;

    color: #a6afba;

}

.folio-image-container { margin-bottom: 30px !important; width: 270px; float: left; 	min-height: 1px; margin-left: 15px; border:1px solid #ccc; }

.folio-image-container { overflow: hidden; position: relative; margin-bottom: 20px; }

#gallery { margin:5px; }

#gallery .portfolio-item {   position: relative;   width: 100%; }

#gallery .portfolio-item .roll {  opacity: 1;   display: block;   width: 100%;   height: 100%;   }

#gallery .portfolio-meta {   transition: .5s ease; opacity: 0; position: absolute; bottom: -100%; left: 0; transition: bottom 0.8s; border-bottom: 5px solid #1cc6da; border-bottom-color: rgb(28, 198, 218);  width:100%; height:100%; }

#gallery .portfolio-item:hover .roll { opacity: 1; cursor:pointer; }

#gallery .portfolio-item:hover .portfolio-meta { opacity: 1; 	position: absolute; 	top: 0; 	left: 0; padding:10px;}





form input[type="text"] { min-height: 20px; font-size: 12px; line-height: 24px; padding: 4px 12px; }



#site-header-inner {

 padding:20px 0 20px 0

}


#searchform input[type="text"] { border: 2px solid #ddd; }

#top-bar-wrap { border-bottom: 1px solid #00599b; }

.wp-block-column .service-txt { margin-left: 55px; }
.wp-block-column .read-more {
    margin-left: 55px;
    margin-top: 20px;
    padding: 5px;
}
i.service-icon {
    min-width: 34px;
}

blockquote {
    font-style: oblique;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-color: #f2f5f7;
font-size: 17px;
line-height: 27px;
font-weight: 400;
color: #00599b;
  }

  .wpsisac-slick .slick-dots {
    left: 15px !important;
    right: 15px;
    text-align: center;
    bottom: 0px !important;
    line-height: 0 !important;
}

ul, ol {
    margin: 10px 0 10px 20px;
}

#footer-widgets {
    background-color: #bcbaba;
}

#site-navigation { font-family: Open Sans;}

#content h4 { margin:0px; }

.oceanwp-mobile-menu-icon span {
    font-size: 18px;
}


blockquote ul {
text-align:left;
  }

/* CUSTOM CSS FOR MOBILE DEVICES */
@media only screen and (max-width: 959px) {
	
#site-header-inner {
    padding: 5px 0 0 0 !important;
}
	
	#top-bar-inner > ul > div {
    display: block;
}
	
#top-bar-inner > ul > div > div > a > b > u > p {
    display: none;
}
	
#top-bar-inner > ul > div > div {
    height: 40px;
    position: relative;
    top: 8px;
}