/*
Theme Name: Pacific Coast
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for Pacific Coast with Blog Integration.
Version: 1.1.14
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pacificcoast
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
:root{
    --success: #008F4C;
    --success-hover:#046d3c ;
    --primary: #0B4D92;
    --primary-hover:#093e77;
   --light-green: #AFC48B;
}

*{margin: 0; padding: 0; box-sizing: border-box;}
body{font-size: 16px; overflow-x: hidden; font-family: 'Domine';}
a{text-decoration: none; color: var(--success); cursor: pointer; transition: all .3s linear;}
a:hover{color: var(--success-hover);}
section{padding: 50px 0;}
img{max-width: 100%;}

h1, .h1 {font-size:45px;}
h2, .h2 {font-size:30px;}
h3, .h3 {font-size:24px;}
h4, .h4 {font-size:20px;}
h5, .h5 {font-size:18px;}
h6, .h6 {font-size:16px;}
h2.home_h2 {font-size:44px;}

@media(min-width:1560px){
  header .container,
  .hero_wrapper .container{max-width: 1560px;}
}

.btn-primary{background-color: var(--primary); border-color:var(--primary); color: white;}
.btn-primary:hover{background-color: var(--primary-hover); border-color: var(--primary-hover);}

.btn-light{background-color: white;border-color: white; color: black;}
.btn-light:hover{background-color: rgb(238, 238, 238); border-color: rgb(238, 238, 238);}

.btn-success{background-color: var(--success); border-color:var(--success); color: white;}
.btn-success:hover{background-color: var(--success-hover); border-color: var(--success-hover);}
.btn_styled{font-size: 16px; font-weight: 700; padding: 10px 35px; border-radius: 33px;}

.pull-left { float:left;}
.pull-right { float:right;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.br-0 { border-radius:0; -webkit-border-radius:0;}
.clear { clear:both;}
.mrb-10 { margin:0 10px 10px 0;}
.form-group { margin-bottom:1rem;}

.home_body{background-repeat: no-repeat; background-size: 100%; background-position:center 120px ; background-color: black;}

.topbanner{background-color: white; color: black; padding: 15px 0; text-align: center;}
.topbanner p{margin-bottom: 0; font-size: 14px;}
ul.topbar_contact{list-style: none;margin: 0; padding: 0; text-align: end;}
ul.topbar_contact li{display: inline-block; margin-left: 25px; font-size: 14px; vertical-align: middle;color: white;}
ul.topbar_contact li a{color: white;}
ul.topbar_contact li i{margin-right: 8px;}
ul.topbar_contact li:last-child{font-size: 18px;}

header{position: absolute; left: 0; right: 0; top: 0; z-index: 9; margin-top: 51px;}
.header_bar{padding: 10px 0; background-color: var(--primary); position: relative;}
.header_bar .logo {display: block; width: 188px;}
.header_bar .logo img{position: absolute; bottom: 10px;max-width: 280px;}

#menu {padding:0;}
#menu ul{list-style:none;margin:0;padding:0; text-align:center;}
#menu ul li{display:inline-block; position:relative;}
#menu ul li:last-child {margin-right:0; }
#menu ul li a{color:#fff; padding:15px 13px; display:block; text-decoration:none; position:relative;}
#menu li > a:after { content: '\F282'; font-family: bootstrap-icons; margin-left:5px; position: relative; top: 3px; font-size: 14px; }
#menu li > a:only-child:after { margin-left: 0; content: ''; }
#menu ul li a:hover,
#menu ul li.active a,
#menu ul li.current_page_item>a,
#menu ul li.current-menu-ancestor>a,
#menu ul li.current-menu-item>a,
#menu ul li.current-menu-parent>a{color: #fff;}
#menu ul li a:hover:before,
#menu ul li.active a:before,
#menu ul li.current_page_item>a:before,
#menu ul li.current-menu-ancestor>a:before,
#menu ul li.current-menu-item>a:before,
#menu ul li.current-menu-parent>a:before {opacity: 1;}
#menu li.active ul li a{color:#fff;background:#000}
#menu li.active ul li a:hover{color:#fff;background:var(--primary-hover);}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap;}
#menu ul li.active ul li a { background:#fff; color:#333; border-bottom:1px solid rgba(0,0,0,0.09)!important;}
#menu li>ul li{border-bottom:#0a5284 1px solid; display:block; position:relative; margin:0; text-align:left;}
#menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;  font-weight:500;}
#menu li>ul li a:after { content: '\F285'; font-family: bootstrap-icons; position: absolute; right:15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; }
#menu li>ul li a:hover{color:#fff;text-decoration:none}
#menu li ul li.current_page_item>a,
#menu li ul li.current-menu-ancestor>a,
#menu li ul li.current-menu-item>a,
#menu li ul li.current-menu-parent>a{background:var(--primary-hover);color:#fff}
#menu>li{border-left:1px solid #999}
#menu>li:first-child,
#menu>li.has-submenu+li{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden; opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{padding:0 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s; font-size:14px; background-color: var(--primary); color: #fff;}
#menu li>ul li a:hover {background-color: var(--primary-hover); color: #fff !important;}
#menu li:hover>ul li a{padding:10px 23px}
#menu li>ul li:hover a {color:#fff;}
#menu li>ul li:hover ul li a {color:#fff;}
#menu li>ul li ul li a:hover {color:#fff;}
@keyframes menu_sticky {
  0%   {margin-top:-240px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}

.search_bar{background-color: white;  padding: 5px 7px 5px 20px;; border-radius:33px ;}
.search_bar i{color: black;}
.search_bar .form-control{background-color: white; border: none; color: black; font-size: 15px; padding: 5px 5px; padding-left: 0;}
.search_bar .form-control::placeholder{color: black; }
.search_bar .form-control:focus{box-shadow: none; background-color: white;}
.search_bar .btn:focus{border: none;}

@keyframes menu_sticky {
    0%   {margin-top:-240px;}
    50%  {margin-top: -90px;}
    100% {margin-top: 0;}
}
header.sticky {margin:0; position: fixed; top:0; left:0; width:100%; z-index:9; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out; background:white; -webkit-box-shadow:rgba(0,0,0,0.1) 0 0 10px; box-shadow:rgba(0,0,0,0.1) 0 0 10px; z-index: 99; }

header.sticky .header_bar {padding:10px 0;}
header.sticky .header_bar .logo img{ position: relative; bottom: 0; max-width: 200px; height: auto;}

.hero_wrapper{margin-top: 143px; padding: 150px 0;}
.hero_content h1{max-width: 500px; font-size:55px;}
.hero_content p{margin: 20px 0; line-height: 28px;}
.hero_content .btn{margin-top: 20px;}

/*.gallery_section img{width: 100%; margin-bottom: 20px; border-radius: 5px;}*/
.custom_heading{margin-bottom: 30px;}
.accordian_wrapper .accordion{--bs-accordion-color:white; --bs-accordion-active-bg: transparent; --bs-accordion-bg: transparent; --bs-accordion-btn-focus-box-shadow:none; --bs-accordion-active-color: white;}
.accordian_wrapper .accordion-button{border: 1px solid white; margin-bottom: 10px; border-radius: 5px;}
.accordian_wrapper .accordion-button::after{background: none; content: " \F282"; font-family: "bootstrap-icons";}

.about_wrapper .accordian_wrapper .accordion{--bs-accordion-color:#333;  --bs-accordion-active-color: #333;}
.about_wrapper .accordian_wrapper .accordion-button{border: 1px solid #333;}


.faq_wrapper .accordian_wrapper .accordion{--bs-accordion-color:#333;  --bs-accordion-active-color: #333;}
.faq_wrapper .accordian_wrapper .accordion-button{border: 1px solid #333;}

.accordian_wrapper .accordion-body {background: white; color: #000;}

footer{padding: 50px 0;}
.footer_content {text-align: center;}
.footer_content h4 {margin-bottom:20px;}
ul.tpl_list{list-style: none; padding: 0; margin: 0; text-align: center; margin-top: 15px;}
ul.tpl_list li{display: inline-block; width: 150px; height: 96px; position: relative; background-color: white; border-radius: 17px;}
ul.tpl_list li+li{margin-left: 15px;}
ul.tpl_list li img{width: 100px; height: 70px; object-fit: scale-down; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.footer_content p{margin-top: 30px;}
ul.footer_menu{list-style: none; padding: 0; margin: 0;}
ul.footer_menu li{display: inline-block;}
ul.footer_menu li+li{margin-left: 15px;}
ul.footer_menu li a{color: white;}
ul.footer_menu li a:hover{color: var(--light-green);}
ul.footer_menu li.current_page_item a{color: var(--light-green);}
.copy_right{margin-top: 16px;}

.inner_footer{background-color: #f5f5f5;}
.inner_footer ul.footer_menu li a{color: black;}

.contact_wrapper{margin-top: 100px;}
.contact_content a{text-decoration: underline;}
.contact_content h3{margin-top: 20px;}

.form_wrapper form{font-family:Arial, Helvetica, sans-serif; margin-top: 25px;}
.form-control:focus,
.form-select:focus{box-shadow: none; border-color: rgb(190, 190, 190); background-color: #F7F7F7;}
.form-control,
.form-select{background-color: #F7F7F7; padding: 13px 15px; border: none; font-size: 14px;}
label{font-size: 14px;}

.form_wrapper .btn{width: 100%; max-width: 250px; }

.about_wrapper, .faq_wrapper{margin-top: 100px;}
.about_content {padding-right: 30px;}
.about_content p{margin-top: 25px;}
.btn-arrow{position: relative; padding-right: 60px;}
.btn-arrow::after{position: absolute; content: "\F138";font-family: "bootstrap-icons"; font-size: 28px;  right: 24px; top: 50%; transform: translateY(-50%);}

.about_wrapper .row+.row{margin-top: 80px;}
@media (min-width:992px){
    .about_wrapper .row [class*="col-lg"]:first-child{order: 2;}
    .about_wrapper .row [class*="col-lg"]:last-child{order: 1;}
    .about_wrapper .row:nth-child(even) [class*="col-lg"]:first-child{order: 1;}
    .about_wrapper .row:nth-child(even) [class*="col-lg"]:last-child{order: 2;}
    .about_wrapper .row:nth-child(even) .about_content {padding-right: 0; padding-left: 30px;}
}

ul.team_list{list-style: none; padding: 0; margin: 0; text-align: center;}
ul.team_list li{display: inline-block; margin:0 20px;}
.team_card{text-align: center; margin-top: 30px;}
.team_title{font-size: 25px;}
.team_description{color: rgba(0, 0, 0, 0.500); margin-bottom: 15px;}
.team_card a{text-decoration: underline;}

.main_heading{margin-bottom: 20px;}
.articles_section{margin-top: 100px;}
.article_card{margin-bottom: 50px; display: block; color: black;}
.article_card:hover {color: var(--success-hover);}
.article_card h4{margin:20px 0 15px 0;}
.article_date{color: rgba(0, 0, 0, 0.500);}
.article_thumb{overflow: hidden;}
.article_thumb img{width: 100%; transition: all .3s linear; object-fit: cover; height: 502px;}
.article_card:hover img{transform: scale(1.1); transition: all .4s linear;}

.article_detail_section{position: relative; margin-top: 100px;}
ul.Latest_post{list-style: none; padding: 0; margin: 0; margin-top: 30px;}
ul.Latest_post li+li{ margin-top: 30px;}
.latest_post_card{max-width: 300px; display: block; color: black;}
.latest_post_card:hover {color: var(--success-hover);}
.latest_post_card:hover h4 {color: var(--success-hover); transition: all linear;}
.latest_post_card h6 {margin-top: 10px;}
.post_date{color: rgba(0, 0, 0, 0.500);}

.post_card h2{max-width:700px ; margin-top: 20px;}
.post_card .post_date{font-size: 24px;}
.post_card .btn{margin-top: 0;}
.post_card .post_thumb{margin-bottom: 20px;}
.post_card .publisher{font-size: 21px;}
ul.post_list {list-style: none; padding: 0; margin:0 ;}
ul.post_list li+li{margin-top: 50px;}

.post_content p{margin-top: 15px;}
.post_content h2{margin-top: 50px;}
.post_content h4{margin-top: 50px;}
ul.social_icons{list-style: none; padding: 0; margin: 50px 0;}
ul.social_icons li{display: inline-block;}
ul.social_icons li+li{margin-left: 10px;}

.products_section{margin-top: 100px;}
.products_section h1{margin-bottom: 0px; max-width: 1000px;}
.products_section p{margin-top: 30px;}
ul.product_list{list-style: decimal; margin-top: 30px;}
ul.product_list li{margin-top: 20px;}
.product_thumb{text-align: center; display: block;}
ul.product_cards_list {list-style: none; padding:0; margin:0; display: block;}
ul.product_cards_list li {display: block;  overflow: hidden;}
ul.product_cards_list li+li{margin-top: 80px;}
ul.product_cards_list li .product_card {position: relative;}
/* ul.product_cards_list li .product_card .product_thumb {float: left; width: 35%;}
ul.product_cards_list li .product_card .product_contents {float: right; width: 60%; padding-top:30px;} */
ul.product_cards_list li .product_card .product_contents p {margin-top:0;}
ul.product_cards_list li:nth-child(even) .product_card .product_thumb {/* float: right;  */margin-right:auto;}
/* ul.product_cards_list li:nth-child(even) .product_card .product_contents {float: left;} */


ul.product_cards_list li .product_contents {padding-left: 25px;}
@media(min-width:991px){
ul.product_cards_list li:nth-child(even) .row [class*="col"]:first-child{order: 2;}
ul.product_cards_list li:nth-child(even) .row [class*="col"]:last-child{order: 1;}
ul.product_cards_list li:nth-child(even) .product_contents {padding-left: 0px;padding-right: 25px;}
}




.whyprime_card{background-color: #F5F5F5; padding: 30px; margin-top: 30px; border-radius: 7px;}
.whyprime_card ul li+li{margin-top: 10px;}
.guidence_thumb img{border-radius: 10px; margin-bottom:20px;}
.guidence_content p{margin-bottom: 40px; margin-top: 20px; line-height: 28px;}
.table{text-align: center; margin-top: 20px;}
.table>:not(caption)>*>* {padding: 18px 15px;}
.table tr {border-color: rgba(0, 0, 0, 0.300);}

.gallery_section h2,
.faq h2{margin-bottom: 0;}

.inner_gallery{margin-top: 100px;}
.inner_gallery img{margin-top: 20px;}

@media (min-width:992px){
  .innergallery_wrapper .row [class*="col-lg-6"]:first-child{order: 1;}
  .innergallery_wrapper .row [class*="col-lg-6"]:last-child{order: 2;}
  .innergallery_wrapper .row:nth-child(even) [class*="col-lg-6"]:first-child{order: 2;}
  .innergallery_wrapper .row:nth-child(even) [class*="col-lg-6"]:last-child{order: 1;}
}

.galleryimg1,
.galleryimg2,
.galleryimg3,
.galleryimg4,
.galleryimg5,
.galleryimg6{display: block; overflow: hidden; border-radius: 8px;}
.galleryimg1{height: 599.9px; }
.galleryimg2{height: 237.54px; }
.galleryimg3{height: 362.82px; }
.galleryimg4{height: 362.82px; }
.galleryimg5{height: 237.54px; }
.galleryimg6{height: 237.54px; }

.galleryimg1 img,
.galleryimg2 img,
.galleryimg3 img,
.galleryimg4 img,
.galleryimg5 img,
.galleryimg6 img{height: 100%;width: 100%; object-fit: cover; border-radius: 8px; margin-top: 20px;}

.inner_section { min-height:400px;}

.custom_pagination,.woocommerce-pagination{text-align:center}
.page-numbers{display:inline-block;padding:0;margin:0}
.page-numbers>li{display:inline}
.page-numbers>li>a,.page-numbers>li>span{position:relative;float:left;padding:5px 15px;font-size:14px;margin-left:-1px;line-height:1.42857143;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.page-numbers>li:first-child>a,.page-numbers>li:first-child>span{border-top-left-radius:4px;border-bottom-left-radius:4px}
.page-numbers>li:last-child>a,.page-numbers>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.page-numbers>li>a:hover,.page-numbers>li>span:hover,.page-numbers>li>a:focus,.page-numbers>li>span:focus{color:var(--primary);background-color:#eee;border-color:#ddd}
.page-numbers>.active>a,.page-numbers>.active>span,.page-numbers>.active>a:hover,.page-numbers>.active>span:hover,.page-numbers>.active>a:focus,.page-numbers>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:var(--primary);border-color:var(--primary)}
.page-numbers .current,.page-numbers .current:hover{z-index:2;color:#fff;cursor:default;background-color:var(--primary);border-color:var(--primary)}
.page-numbers>.disabled>span,.page-numbers>.disabled>span:hover,.page-numbers>.disabled>span:focus,.page-numbers>.disabled>a,.page-numbers>.disabled>a:hover,.page-numbers>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.comment_sec { margin-top:20px;}
.comment_sec ol.commentlist { list-style:none; margin:0 0 30px 0; padding:0;}
.comment_sec ol.commentlist li { margin:0 0 20px 0; position:relative;}
.comment_sec ol.commentlist li .comment-body { border:1px solid #ddd; padding:20px 20px 20px 60px;}
.comment_sec ol.commentlist li .comment-body .comment-meta { font-size:0.83em; float:left; margin:0 0 0 5px; color:#777; line-height:1;}
.comment_sec ol.commentlist li .comment-body .comment-author { float:left; font-size:12px; font-weight:700; margin:0 0 5px; color:#777; line-height:1;}
.comment_sec ol.commentlist li .comment-body .comment-author img { float:left; position:absolute; top:20px; left:15px; width:32px; height:auto; background:none; border:1px solid #e4e1e3;}
.comment_sec ol.commentlist li .comment-body .comment-author cite { font-style:normal;}
.comment_sec ol.commentlist li .comment-body p { clear:both;}
.comment_sec ol.commentlist li .comment-body .reply a { text-decoration:underline;}
.comment_sec ol.commentlist ul.children { list-style:none; margin:20px 0 0 0;}

.tags_list{margin-bottom:10px;}
.tags_list i{margin-right:5px;}
.tags_list a{word-break:break-word;white-space:normal;display:inline-block;padding:4px 8px;margin:0 8px 8px 0;font-size:12px;color:#000;border:1px solid #666;border-radius:4px;text-decoration:none;}
.tags_list a:hover{background:var(--primary);border-color:var(--primary);color:#fff;}
.tagcloud a{word-break:break-word;white-space:normal;display:inline-block;padding:4px 8px;margin:0 8px 8px 0;font-size:12px!important;color:#000;border:1px solid #666;border-radius:4px;text-decoration:none;}
.tagcloud a:hover{background:var(--primary);border-color:var(--primary);color:#fff;}

.gallery_pictures{list-style: none; padding: 0; margin: 0; column-count: 4; column-gap: 20px;}
.gallery_pictures li{overflow: hidden; position: relative; margin-bottom: 20px;}
.gallery_pictures li a{display: block;}
.gallery_pictures img{border-radius: 8px; margin-top: 0;}

.about_thumb img {object-fit: cover; height: 685px; width:100%;}

.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00 !important;}
.wpcf7-checkbox.wpcf7-not-valid { border:none !important;}
.wpcf7-checkbox.wpcf7-not-valid input[type=checkbox] { outline:1px solid #F00;}
.wpcf7-list-item { margin:0 15px 0 0;}
.wpcf7 form .wpcf7-response-output { margin:10px 0; padding:1rem; text-align:center; /*border-radius:5px;*/}
.wpcf7 form.invalid .wpcf7-response-output { background:#f8d7da; color:#58151c; border:1px solid #f1aeb5;}
.wpcf7 form.sent .wpcf7-response-output { background:#d1e7dd; color:#0a3622; border:1px solid #a3cfbb;}
.wpcf7-spinner { position:absolute;}

.ui-menu .ui-menu-item-wrapper {overflow: hidden;}
.ui-autocomplete-row { padding:8px; background-color:#f4f4f4; border-bottom:1px solid #ccc;}
.ui-autocomplete-row img { max-width:70px; width:70px; height: 70px; margin-right:8px; float:left;}

@media (min-width:400px){
  .ui-widget.ui-widget-content {width: 340px !important;}
}

.post_search { max-width:340px; }
.ui-menu .ui-menu-item {position: relative; overflow: hidden; display: block;}
.ui-menu .ui-menu-item a{ color: #333 !important;}
.ui-menu .ui-menu-item a:hover{ color: #333 !important;}
.ui-menu .ui-menu-item-wrapper{background-color: transparent !important; color: #333 !important; border-color:transparent !important;}
.ui-widget.ui-widget-content { border:none !important;}
.ui-autocomplete-row .info .title { font-weight:normal;}




.full_screen_wrapper {background-color:rgba(0,0,0,0.95); position:fixed; left:0; top:0; right:0; bottom:0; text-align: center; z-index: 9; display:none;}
.full_screen_search {text-align: center; position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.full_screen_search input.form-control {background-color:transparent; padding:20px 95px 20px 0; color: white; text-decoration: none; font-size:30px; border:0; border-bottom:white solid 2px; width:100%; -webkit-border-radius:0; border-radius:0;}
.full_screen_search input.form-control:focus {box-shadow: none!important; outline: 0!important;}
.full_screen_search .search_button {position:absolute; height: 3.5em; width: 3.5em; right:0; top:15px; background-color:var(--primary); -webkit-border-radius:50%; border-radius:50%; display:inline-block; border:0; color: white; font-size:15px; }
.cross_button {position:absolute; right:3%; top:3%; font-size:30px; display:inline-block; text-decoration: none; color: white;}
.cross_button:hover {color:var(--primary);}
.full_screen_search {width: 92%; max-width: 500px;}

.full_screen_search input.form-control::placeholder {color: white; opacity: 1; }
.full_screen_search input.form-control::-ms-input-placeholder { color: white;}