/* Lora */
@font-face {font-family: 'Lora'; src: url('../fonts/lora-bold.woff') format('woff'),  font-weight: 300; font-style: normal; font-display: swap; }
@font-face {font-family: 'Lora'; src: url('../fonts/lora-bolditalic.woff') format('woff'),  font-weight: 200; font-style: normal; font-display: swap; }
@font-face {font-family: 'Lora'; src: url('../fonts/lora-semibold.woff') format('woff'),  font-weight: 600; font-style: normal; font-display: swap; }
@font-face {font-family: 'Lora'; src: url('../fonts/lora-regular.woff') format('woff'),  font-weight: normal; font-style: normal; font-display: swap; }
@font-face {font-family: 'Lora'; src: url('../fonts/lora-medium.woff') format('woff'),  font-weight: 500; font-style: normal; font-display: swap; }
@font-face {font-family: 'Lora'; src: url('../fonts/lora-mediumitalic.woff') format('woff'), font-weight: 100; font-style: normal; font-display: swap; }

/* Oswald */
@font-face {font-family: 'Oswald'; src: url('../fonts/Oswald-SemiBold.woff2') format('woff2'), url('../fonts/Oswald-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face {font-family: 'Oswald'; src: url('../fonts/Oswald-Bold.woff2') format('woff2'), url('../fonts/Oswald-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face {font-family: 'Oswald'; src: url('../fonts/Oswald-Regular.woff2') format('woff2'), url('../fonts/Oswald-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face {font-family: 'Oswald'; src: url('../fonts/Oswald-Light.woff2') format('woff2'), url('../fonts/Oswald-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face {font-family: 'Oswald'; src: url('../fonts/Oswald-Medium.woff2') format('woff2'), url('../fonts/Oswald-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
.oswald{font-family: 'Oswald';}

/* Common CSS */
*{margin: 0; padding: 0; box-sizing: border-box;}
a{text-decoration: none; display: inline-block; transition:  0.2s ease-in;}
a:hover{text-decoration: none;}
body{font-size: 18px; color: #000; font-family: 'Lora'; line-height: 1.8;  font-weight: 400;}
html{scroll-behavior: smooth;}
button{outline: 0; border: 0; background: transparent;}
.container{max-width: 1200px;}
h1{font-size: 60px; line-height: 1.3 !important; font-weight: 400;}
h2{font-size: 45px; line-height: 1.3 !important; font-weight: 400;}
h3{font-size: 35px; line-height: 1.3 !important; font-weight: 400;}
h4{font-size: 30px; line-height: 1.3 !important; font-weight: 400;}
h5{font-size: 25px; line-height: 1.3 !important; font-weight: 400;}
h6{font-size: 19px; line-height: 1.3 !important; font-weight: 400;}
.font-13{font-size: 13px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-300{font-weight: 300;}
.font-400{font-weight: 400;}
.font-500{font-weight: 500;}
.font-600{font-weight: 600;}
.font-700{font-weight: 700;}
.border-r5{border-radius: 5px;}
.border-r10{border-radius: 10px;}
.border-r20{border-radius: 20px;}
.border-r30{border-radius: 30px;}
.border-r50{border-radius: 50px;}
.border-50{border-radius: 100%;}
.form-control{border-radius: 0; border: 0; background-color: transparent;}
.form-control:focus{box-shadow: none; outline: 0;}
.relative{position: relative;}
.form-control::placeholder{color: #BEC2CE;}
select{appearance: none; background: url('../images/angle-dropdown.png') no-repeat right 15px center; padding-right: 40px;}
select:focus{outline: 0;}
.text-underline{text-decoration: underline !important;}
.pointer{cursor: pointer;}
.zindex-0{z-index: 0;}
.zindex-1{z-index: 1;}
.zindex-m1{z-index: -1;}
.t-green{color: #32ABD1;}
.t-black{color: #000;}
.t-grey{color: #79869F;}
.bg-grey{background-color: #f9f8f6;}
.bg-green{background-color: #32ABD1;}
.grey-link{color: #454545;}
.grey-link:hover{color: #32ABD1; text-shadow: 0 0 1px #32ABD1;}
.grey-link2{color: #c6c6c6;}
.grey-link2:hover{color: #32ABD1; text-shadow: 0 0 1px #32ABD1;}
.green-link{color: #32ABD1;}
.green-link:hover{color: #32ABD1; text-shadow: 0 0 1px #32ABD1;}
.btn-green{font-family: 'Oswald'; padding: 10px 35px; border-radius: 10px; color: #fff; background-color: #32ABD1; font-size: 18px; border: 2px solid #32ABD1; display: inline-block; text-align: center; min-width: 150px; line-height: 22px;}
.btn-green:hover {color: #32ABD1; background-color: transparent;}
.btn-green2{font-family: 'Oswald'; padding: 10px 35px; border-radius: 50px; color: #32ABD1; background-color: transparent; font-size: 18px; border: 2px solid #32ABD1; display: inline-block; text-align: center; min-width: 150px; line-height: 22px;}
.btn-green2:hover {color: #fff; background-color: #32ABD1;}
.btn-yellow{font-family: 'Oswald'; padding: 10px 35px; border-radius: 50px; color: #000; background-color: #fad13e; font-size: 18px; border: 2px solid #fad13e; display: inline-block; text-align: center; min-width: 165px; line-height: 22px; box-shadow: 0 2px #9f8630c7;}
.btn-yellow:hover {color: #fad13e; background-color: transparent; box-shadow:none;}
.btn-white{font-family: 'Oswald'; padding: 10px 15px; border-radius: 50px; color: #fff; background-color: transparent; font-size: 18px; border: 2px solid #fff; display: inline-block; text-align: center; min-width: 180px;}
.btn-white:hover {color: #fff;}

/* Site Branding */
.site-logo {max-width: 100px;}
.site-branding{padding-top: 15px;}
.site-branding .site-title a {font-size: 25px; color: #fff;}
h1.site-title,
h1.site-title a{color: #fff;}

/* Header CSS */
.menu {background-color: #32abd1;}
.menu .navbar-nav li a{color: #fff;}
.menu .navbar-nav li.active a, .menu .navbar-nav li a:hover {color: #8FD8C7; text-shadow: 0 0 1px #8FD8C7; }
.menu .navbar-nav li{margin: 0 10px; position: relative;padding: 10px 0;}
.menu ul ul { list-style: none; display: none; right: auto; left: 0; border-top: 1px solid #32ABD1; margin: 0; min-width: 245px; position: absolute; top: 50px; z-index: 9999; background: #252728; padding: 0px; }
.menu li:hover ul li{padding: 5px 0;}
.menu li:hover ul { display: block; }
.menu .navbar-nav li.current-menu-item ul a{color: #fff;}
.menu .navbar-nav li ul li a{color: #fff;}
.header-right-section img{width: 35px; height: 35px;}
.navbar-brand {max-width: 260px;}
.navbar-expand-lg {justify-content: space-between;}
.navbar-expand-lg .navbar-collapse {justify-content: flex-end;}
.mobile-menu-close {display: none;}
.submenu-caret:after { content: "+"; display: inline-block; font-size: 18px; left: 0; position: relative; font-family: "FontAwesome"; color: #fff;font-style: normal; cursor: pointer;
}
.submenu-caret {padding: 0 10px;}
.submenu-caret:focus { padding: 0 10px; outline: 1px dotted white;}

/* Search Box */
.search-field-form {padding: 5px; display: flex; background-color: white; box-shadow: 0 0 10px grey; border-radius: 5px; opacity: 0; visibility: hidden; position: absolute; transition: all 0.3s ease-in-out !important; right: 0; bottom: -150px; z-index: 1; }
.header-search .form-active {opacity: 1; visibility: visible; bottom: -105px; }
.header-search input {border: 0; outline: 0; }
.search-field-form input[type="text"] {min-height: 50px; width: 400px; border: 1px solid #32ABD1; padding: 0px 10px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; font-size: 16px; }
.search-field-form input[type="text"]::placeholder{color: #B2B2B2;}
.search-field-form input[type="submit"] {min-height: 50px; color: white; padding: 0px 20px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; font-size: 16px; background: #32ABD1;}
.search-field-form input[type="submit"]:focus {border: 1px solid white;}

.search-form {padding: 5px; display: flex; background-color: white; transition: all 0.3s ease-in-out !important; right: 0; bottom: -150px; z-index: 1; }
.search-form label {margin: 0;}
.search-form input[type="search"] {min-height: 50px; width: 400px; border: 1px solid #32ABD1; padding: 0px 10px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; font-size: 16px; }
.search-form input[type="search"]::placeholder{color: #B2B2B2;}
.search-form input[type="submit"] {min-height: 50px; color: white; padding: 0px 20px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; font-size: 16px; background: #32ABD1;}

/* Page Content */
.oceanedge-page {padding: 50px 0;}
.oceanedge-post article{border-bottom: 1px solid #32ABD1; margin-bottom: 15px; padding-bottom: 15px;}
.page-header {border-bottom: 2px solid #32ABD1; margin-bottom: 20px;}

/* Search Page */
.oceanedge-search .page-header { border-bottom: 2px solid #32ABD1;}
.oceanedge-search a { color: #000;}
.oceanedge-search a:hover { color: #32ABD1;}

/* Page Links */
h2.entry-title a {color: #000;}
.nav-links a,
.entry-meta a,
.entry-content a,
.readmore-meta a,
.page-content a,
.comment-form a { color: #32ABD1; font-weight: bold; text-decoration: underline; }
.comment-form input[type="submit"] {background: #32ABD1; color: #fff; padding: 10px 15px; border: 1px solid #32ABD1}

/* Blog */
.blog .post { display: flex; align-items: center; }
.blog .post .post-thumbnail { flex: 0 0 30%; margin-right: 20px; }
.blog .entry-header, .blog .entry-content { flex: 1; }
.blog .entry-title { margin-top: 0; font-size: 1.5em; }

/* Widget */
.widget-area a { color: #32ABD1; font-weight: bold; }
.widget-area ul { list-style-type: unset; }

/* Footer */
footer{background-color: #32abd1;}
.oceanedge-footer .widget{margin: 0;}
.oceanedge-footer p,
.oceanedge-footer h2,
.oceanedge-footer h3,
.oceanedge-footer h4,
.oceanedge-footer h5,
.oceanedge-footer h6,
.oceanedge-footer a,
.oceanedge-footer span { color: #fff; margin-bottom: 5px; }
.social-icons img{width: 45px; height: 45px;}
.social-icons a{margin-left: 15px;}

/* Comment Form */
.comment-meta { background-color: unset; }
.comment-meta a,
.reply a,
.comment-respond a { color: #32ABD1; font-weight: bold; text-decoration: underline; }
.comment-meta .comment-author img { height: 30px; width: 30px; border-radius: 50%; }
#respond h3 { font-size: 20px; }
#respond h3 small {margin-left: 10px;}


/* WooCommerce CSS */
.button , .wp-element-button, .add_to_cart_button{
  background:#00ced1 !important;
  color: #fff !important;
  border: 1px solid #00ced1 !important;
}
.button:hover , .wp-element-button:hover, .add_to_cart_button:hover{
  background:#172646 !important;
  border: 1px solid #172646 !important;
}
.woocommerce-Price-amount.amount {
  color: #172646;
  font-weight: 600;
}
.woocommerce-loop-product__title{
  color: #00ced1 !important;
  font-weight:bold;
}
.woocommerce-loop-product__title:hover,.woo-product:hover .woocommerce-loop-product__title{
  color: #172646 !important;
}
.page-title.oceanedge_shop_banner_sec {
  padding: 5rem !important;
  text-align: center;
  color: #fff !important;
  background: #00ced1 !important;
  font-size: 3em !important;
  font-weight: bold !important;
}
.oceanedge_shop_main_sec.container {
  margin-top: 4rem;
}
.shop_grid .product {
  padding-top:50px;
}
.single-product .row.related_products_list > h3 {
  margin-top: 20px;
  margin-bottom: 40px;
  font-weight:bold;
}
.single-product .related_products_list {
	display: block !important;
}

.add_to_cart_button,
.product_type_external,
.single_add_to_cart_button,
.product_type_grouped,
.form-row.place-order button.button,
.comment-form .submit,
.oceanedge_button_checkout,
.woocommerce-message .wc-forward,
.oceanedge_apply_coupon_btn,
.woocommerce-form-register__submit,
.woocommerce-form-login__submit,
.checkout_coupon.woocommerce-form-coupon button,
.woocommerce-shipping-totals.shipping button,
.woocommerce-Button,
.woocommerce-button,
a.button.wc-backward {
  background: #00ced1 !important;
  color: #fff !important;
  border: 1px solid #00ced1 !important;
}

.checkout_coupon.woocommerce-form-coupon button {
  padding: 0.9em 1em;
}

.add_to_cart_button:hover,
.product_type_external:hover,
.single_add_to_cart_button:hover,
.product_type_grouped:hover,
.form-row.place-order button.button:hover,
.woocommerce-message .wc-forward:hover,
.oceanedge_apply_coupon_btn:hover,
a.oceanedge_button_checkout.checkout-button.button:hover,
.woocommerce-form-register__submit:hover,
.woocommerce-form-login__submit:hover,
.checkout_coupon.woocommerce-form-coupon button:hover,
.woocommerce-shipping-totals.shipping button:hover,
.woocommerce-Button:hover,
.woocommerce-button:hover,
a.button.wc-backward:hover {
  color: #00ced1 !important;
  background: transparent !important;
}

.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
  padding-left: 0;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
  color: #00ced1 !important;
}

button.woocommerce-Button.button.wp-element-button {
  margin-top: 20px;
}

.woocommerce-form.woocommerce-form-register.register {
  margin-bottom: 0px !important;
}

nav.woocommerce-MyAccount-navigation ul {
  margin-left: 0px !important;
  list-style: none;
  padding-left: 0px;
}

.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link {
  padding-bottom: 15px;
}

.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link:last-child {
  padding-bottom: 0px;
}

.woocommerce-LostPassword.lost_password,
.woocommerce-button.button.woocommerce-form-login__submit.wp-element-button {
  margin-top: 15px;
}

.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
  padding-top: 20px;
  padding-bottom: 14px;
}

.wc-proceed-to-checkout {
  padding-bottom: 0px !important;
}

form.checkout.woocommerce-checkout {
  padding: 0px;
}

.woocommerce ul.products li.product .onsale {
  z-index: 1;
}

.woocommerce div.product form.cart .variations select {
  margin-bottom: 20px;
  padding: 10px;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  line-height: 3rem;
}

.woocommerce-cart .coupon>input,
.woocommerce-cart .coupon>input {
  width: 148px !important;
  max-height: 38px !important;
}

.woocommerce-cart-form__contents .wp-element-button {
  color: #00ced1 !important;
  background: transparent !important;
  border: 1px solid #00ced1 !important;
}

.woocommerce-cart-form__contents .wp-element-button:hover,
a.added_to_cart.wc-forward:hover {
  background: #00ced1 !important;
  color: #fff !important;
}

.single-product .input-text.qty.text {
  max-height: 42px;
}
.row.related_products_list {
  padding-left: 15px;
  padding-right: 15px;
}
.woocommerce-message::before,
.woocommerce-info::before {
  color: #00ced1;
}

.woocommerce-message,
.woocommerce-info {
  border-top-color: #00ced1;
}

h2.woocommerce-loop-product__title {
  font-size: 24px !important;
}

.single-product .oceanedge_product_details {
  padding-left: 0px;
}
.onsale {
  background: #00ced1 !important;
  z-index: 1 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #ccc;
}

.post-type-archive-product main {
  display: unset !important;
}

tr.woocommerce-table__line-item.order_item ul {
  margin-left: 0px;
  padding-left: 0;
}

.woocommerce .quantity .qty {
  line-height: 17px;
}

.oceanedge_shop_banner_sec {
  margin: 0px;
}

.oceanedge_product_details{
  padding: 5rem 20px;
}

.oceanedge_related_products {
  margin-bottom: 0px;
}

.single-product .oceanedge_related .product {
  margin-bottom: 0px !important;
}

.single-product nav.woocommerce-breadcrumb {
  margin-bottom: 30px !important;
}

.single-product nav.woocommerce-breadcrumb a {
  color: #00ced1 !important;
}

a.added_to_cart.wc-forward {
  margin-left: 32px;
  color: #00ced1 !important;
  background: transparent !important;
  border: 1px solid #00ced1;
  padding: 0.23em 1em;
  font-weight: 700;
  border-radius: 3px;
}


.cart-icon {
    position: relative;
}
.cart-contents {
    display: inline-block;
    text-decoration: none;
    color: #00CED1;
}
.dashicons-cart:before {
    font-size: 26px;
    color: #347C17 !important;
}
.cart-count {
    position: relative;
    top: -17px;
    right: 10px;
    background-color: #7EC8E3;
    color: #fff;
    border-radius: 50%;
    padding: 4px;
    font-size: 10px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span {
  background: #00ced1 !important;
  color: #fff !important;
  border: none !important;
  padding: 10px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  min-width: 2.5em;
  line-height: 1.2;
  font-size: 1em;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  padding: .55em !important;
}
.post-type-archive-product.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  margin-top: 0px !important;
  margin-bottom: 2rem;
}

.woocommerce-account .woocommerce-Address {
	max-width: 100% !important;
}

.post-type-archive-product form.woocommerce-ordering select,
.tax-product_cat form.woocommerce-ordering select {
  padding: 5px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  padding: 10px !important;
}

.select2-container .select2-selection--single { height: auto !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 44px !important; } 
ul.tabs.wc-tabs li a:focus { outline: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding-left: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before { border: none !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before { box-shadow: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: #fff; margin: unset; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #00ced1; color: #fff;}
.woocommerce-cart .woocommerce .container { padding-left: 0px; }
a.oceanedge_button_checkout.checkout-button { margin-bottom: 0px !important;}
.woocommerce-account .has_sidebar_in_page .page,
.woocommerce-cart .has_sidebar_in_page .page,
.woocommerce-checkout .has_sidebar_in_page .page { width: 100% !important; }
.woocommerce-pagination{margin-bottom:4rem;}
.summary.entry-summary{margin-top:0px;}
.woocommerce form .form-row{ display:block; }
.checkout.woocommerce-checkout.container .col2-set .col { padding-left: 0px !important;padding-right:0px !important; }
#ship-to-different-address { font-size: 20px !important;margin-top: 20px; }
#order_review_heading { font-size: 28px !important; margin-top: 20px; margin-bottom: 20px;font-weight: bold; }

@media (max-width: 767px) {
  
  .oceanedge_apply_coupon_btn.button.wp-element-button { font-size: 13.5px; line-height: 1.3; }
  .page-title.oceanedge_shop_banner_sec{ font-size:1.5rem !important; }
  .woocommerce-cart .woocommerce .container { padding-right: 0px; }
  #customer_login div.u-column1 h2 { margin-top: 0px; }
  .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li { width: 100%; margin-bottom: 25px; }
  .oceanedge_inner_page,
  .oceanedge_shop_banner_sec { max-height: unset; }
  .oceanedge_product_details { padding-left: 0px; padding-right: 0px; }
  
}

@media (max-width: 768px) {
  
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product { width: 100%; }
  .single-product .oceanedge_product_details { padding-right: 0px; }
  .single-product .oceanedge_related .product { margin-bottom: 50px !important; }
  
}