/*
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 */
.elementor-default .titlecls {
    display: none;
}
.single-webinars .titlecls{
	display: block !important;
}
.single-resource {
    margin-bottom: 30px;
}
.single-resource .resource-title {
	font-size: 40px;
	font-weight: 500;
	margin: 25px 0 0 0;
}
.resource-video {
	width: 800px;
	max-width: 100%;
}
form legend {
    border-bottom: none;
}
.sce-panel {
	border-color:#D3D3D3 !important;
}
.sce-placeholder {
	color: #000 !important;
}
.sce-panel .sce-desc, .sce-empty-note {
	color: #000 !important;
}
.sce-heading-btn {
	color: #000 !important;
}
p {
    font-size: 22px;
    margin: 0 0 20px 0;
    color: #000;
    line-height: 1.6;
    font-weight: 400;
}
a {
    text-decoration: underline !important;
}
.red-ddw-li p {
  margin-bottom: 0px;
}
.red-ddw-li ul {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: baseline;
}

.red-ddw-li {
    display: inline-block;
}

.red-ddw-li ul li {
    width: 20px;
    height: 20px;
    background: #555555;
    border-radius: 50%;
    display: inline-block;
    margin: 0 2px;
    border: 2px solid #fff;
}

.red-ddw-li p span {
    margin-left: 0px;
    font-weight: 700;
    display: inline-block;
}
.red-ddw-li ul li.grey-block {
    background: #C7C8CA;
}
.red-ddw-li ul li.black-block {
    background: #000;
}
.red-ddw-li .elementor-widget-container {
    display: flex;
    align-items: center;
}
.slide-item a , .elementor-button, .elementor-nav-menu--main a ,.webinar-item a {
    text-decoration: none !important;
}
.btnxls a {
	background: #000 !important;
    color: #fff !important;
    font-size: 16px !important;
    padding: 15px 24px 20px 24px !important;
    text-transform: none;
    font-weight: 400 !important;
    text-decoration: none;
}
.single-resource.btnxls a {
    padding: 15px 24px 15px 24px !important;
}
#footer-callout-wrap {
    background-color: transparent;
    border-top: 0;
}
body {
    overflow-x:hidden;
}
a:focus {
    outline:none !important;
}
#site-header {
    background-color: transparent !important;
}
.top-bar-right {
    float: none;
}
#top-bar-wrap {
      background-color: transparent !important;
    border-bottom: none !important;
}
.top-bar-left {
    float: none !important;
}
#topbar-template {
    display: unset;
}
.two-column-images {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.two-column-images .image-item {
    flex: 0 0 calc(50% - 10px);
}
.two-column-images img {
    width: 100%;
    height: auto;
    display: block;
}
.txtwrapcls .elementor-icon-box-content{
    flex-grow: unset !important;
	align-items: center;
    width: unset !important;
	justify-content: center !important;
}
.txtwrapcls .elementor-icon-box-wrapper {
	justify-content: center !important;
}
.artificial-tabs {
    display: flex;
    justify-content: center;
    gap: 40px;
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
}
.artificial-tabs li {
    cursor: pointer;
    padding: 12px 20px;
    color: #000;
    font-size: 18px;
}
.artificial-tabs li.active {
    border-bottom: 3px solid #A7081E;
}
.artificial-content {
    display: none;
}
.artificial-content.active {
    display: block;
}
.artificial-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.artificial-card {
    display: block;
    text-decoration: none;
    overflow: hidden;
}
.artificial-card img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    display: block;
}
.artificial-content-box {
    background: #D10A26;
    padding: 25px;
    text-align: center;
}
.artificial-title h3 {
    margin: 0;
    color: #fff;
    font-size: 24px;
}
.artificial-desc {
    margin: 0;
    color: #fff;
}
/* Navigation Buttons */
.artificial-tabs-wrapper .slick-next,
.artificial-tabs-wrapper .slick-prev {
    width: 52px;
    height: 52px;
    background: #D9D9D9 !important;
    border-radius: 999px;
    color: #000 !important;
    transition: 0.3s;
	z-index:999;
}
.artificial-tabs-wrapper .slick-next:hover,
.artificial-tabs-wrapper .slick-prev:hover {
    background: #991631;
}
/* Remove default Swiper icon */
.artificial-tabs-wrapper .slick-next::after,
.artificial-tabs-wrapper .slick-prev::after {
    font-size: 18px;
    font-weight: 700;
    color: #0B121566;
}
/*get-sample*/
.get-sample {
    position: relative;
    z-index: 2;
}
.flex-view {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    align-items:stretch;
}
.get-btn {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.view-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.get-sample .sameheight {
    min-height: auto !important;
}
.sameheight {
    padding: 20px 15px;
}
.color-boxs .sameheight {
    padding: 0px 15px;
}
.step-number {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 5% !important;
    text-align: center;
}
.product-preview h3 {
    font-weight: 500;
    font-size: 18px;
    line-height:24px;
    letter-spacing: 0%;
    text-align: center;
}
.step-icon {
   margin-bottom: 10px;
}
.step-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.color-boxs, .color-glass {
    background-color: #fff;
}
.color-boxs .swatch a span {
    overflow: hidden;
}
.color-opt {
    background:#FAF9F6EB;
}
.product-preview  .nav-column {
    background: #f8f7f5;
    width: 100%;
}
.color-boxs .swatch a {
    width: 20%;
}
.product-preview .nav-column ul li {
    border:none !important;
    margin-bottom: 10px;
}
.product-preview .nav-column ul li a {
    width: 100%;
    text-align: left;
    border: 1px solid #767676;
}
.product-preview .nav-column ul li a.active {
    width: 100%;
    border: 1px solid #767676;
    color: #fff;
}
.product-preview .hint:after,
.product-preview [data-hint]:after {
    background: #0374c1;
}
.product-preview .hint--left:before {
    border-left-color: #0374c1;
}
.color-boxs .step-desc {
   margin-bottom: 35px;
}
.get-sample-view {
    padding: 0 0 60px;
    text-align: center;
}
.product-preview .swatch,
.product-preview .product-images,
.product-preview {
    margin: 0;
}
/*end*/
/*responsibiloty*/
.bg-small-height {
    height: 750px;
}
.top-padding {
    padding-top: 90px;
}
.footer-small-img img {
    width: 124px;
    height: 124px;
}
.revise-request .sample-request-button {
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    padding: 15px 24px 20px 24px;
	border-radius:4px;
	width: 287px !important;
}
/*end*/
.webinar-slider {
    margin: 0 -15px;
}
.webinar-item {
    padding: 15px;
    box-sizing: border-box;
}
.webinar-item a{
    text-decoration:none;
    color:#222;
    display:block;
}
.webinar-image img{
    width:100%;
    object-fit:cover;
    display:block;
}
.webinar-content-wrap{
    padding:20px;
}
.webinar-content-wrap h3{
    margin:0 0 10px;
    font-size:20px;
    font-weight:600;
    color:#fff;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height:1.4;
    min-height:56px;
}
.webinar-duration{
    font-size:20px;
    font-weight:600;
    display:block;
    color:#fff;
    text-align:right;
}
.slick-prev:before,
.slick-next:before{
    color:#000;
    font-size:30px;
}
.slick-dots li button:before{
    font-size:12px;
}
.webinars-video-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.webinars-video-item {
    width: 100%;
}
.webinars-video-item .video-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.webinars-video-item .video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
/* Tablet */
@media (max-width: 1024px) {
    .webinars-video-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}
/* Mobile */
@media (max-width: 767px) {
    .webinars-video-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
@media(max-width:768px) {
    .product-preview  .nav-column ul li {
        float: none !important;
        width: 90% !important;
        margin-left: 10px;
    }
    .product-preview  .sameheight {
        padding: 20px 0px;
    }
    .color-boxs .full {
        width: auto;
        margin: 0 10px;
        text-align: center;
    }
    .flex-view {
        display:grid;
        grid-template-columns:repeat(1,1fr);
        gap:20px;
        align-items:stretch;
    }
    .wrapcls .elementor-icon-box-wrapper{
       flex-direction: row !important;
    }
    .webinar-tabs {
        gap: 15px;
    }
    .txtwrapcls .elementor-icon-box-wrapper {
        flex-direction: row !important;
       justify-content: center; !important;
    }
    .webinar-tabs {
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    .two-column-images .image-item {
        flex: 0 0 100%;
    }
}