/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

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

.display-none {display: none !important}

a {text-decoration: none !important}

/* text and list style */
.text-with_700 {max-width: 700px;}
.text-shadow_black {text-shadow: 3px 2px 8px #333}
.text-col_shadow, .text-block_shadow {
	background: white;
	-webkit-box-shadow: 0px 0px 25px 0px rgb(235 243 255);
    -moz-box-shadow: 0px 0px 25px 0px rgba(235, 243, 255, 1);
    box-shadow: 0px 0px 25px 0px rgb(235 243 255);
    border: 1px solid #e9eff1;
    padding: 25px 25px 0;
}
.text-block_shadow {padding: 25px}
.text-block_shadow.width-fit {
	width: fit-content;
    margin: auto;
}

.description-list {list-style-type: none;}
.description-list li {
    font-size: 16px;
    font-weight: 500;
    padding-top: 25px;
    padding-left: 43px;
    background: url(/wp-content/uploads/2026/01/adwords-list-image.png) no-repeat 3px 25px;
    margin-left: -18px;
}
.wp-block-heading {z-index: 1}
.wp-block-heading span {font-weight: 500}

.realization-list {
	list-style-type: none;
	background: white;
	margin-left: -68px;
}
.realization-list li {
	position: relative;
	font-weight: 500;
	padding: 25px 0 25px 90px;
    border: 1px solid #ecf3fe;
}
.realization-list li::before {
	content: "\f00c";
	position: absolute;
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	padding: 20px 30px;
	background-color: #43c4dd;
	font-family: FontAwesome;
	color: #fff;
	font-size: 20px;
}

/* image style */
.image-mt_20 {margin-top: -20px}

/* sections style border shadow */
.border_top-section, .shadow-section {position: relative;}
.border_top-section::before, .shadow-section::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	z-index: -1;
}
.border_top-section::before {border-top: 1px solid #d9e9ec}
.shadow-section::before {box-shadow: inset 0 29px 64px -27px rgb(169 209 219 / 40%)}
.steps-promo {
	border: 1px solid #ddf4f9;
    border-top: 5px solid #3cc8e0;
    padding: 25px 15px 5px;
}
.width_100 {width: 100%}

/* button style */
.wp-block-button.accent-button .wp-block-button__link {
	color: #001330 !important;
	box-shadow: 1px 10px 20px rgb(0 0 0 / 30%);
}
.wp-block-button__link, .header-button a {
	font-size: 16px;
	border-radius: 3px;
	padding: 18px 24px 16px 24px;
	border: solid 1px #56c1d8 !important
}
.wp-block-button__link:hover, .header-button a:hover {
	color: #001330 !important;
	background-color: white;
}
.wp-block-button.accent-button .wp-block-button__link:hover {
	color: #fff !important;
	background-color: #56c1d8 !important;
}
.second-button_style .wp-block-button__link {
	color: #3cc8e0;
	font-size: 12px;
	border: none !important
}
.second-button_style .wp-block-button__link:hover {color: white !important}

.nf-field-element {text-align: right}
#nf-field-4, #nf-field-9 {
	text-transform: none;
	background-color: #56c1d8 !important
}

/* header */
#site-header {
	position: fixed !important;
	backdrop-filter: blur(10px);
}
.header-button {
	padding: 0 !important;
	margin-top: 15px
}
.header-button a {
	color: white !important;
	font-size: 14px !important;
	line-height: 40px !important;
	text-transform: capitalize;
	background-color: #56c1d8
}
.header-button.header-button_mobile {display: none}
.current-menu-item a span {//text-shadow: 3px 2px 8px black;}

/* sections */
.hero-section h1, .sertifications-section h2, .promotion-section, .promotion-section h2, .promotion-section h3, .analytics_progress-section, .analytics_progress-section h2,
.analytics_progress-section h3 {color: white}

.hero-bg_image {
	position: relative;
	padding: 180px 0 200px;
}
.hero-bg_image::before, .services-bg_image::before, .adwords-bg_image::before, .about-bg_image::before, .promotion-section-bg_image::before, .promotion-section-bg_video::before,
.work-section-bg_image::before, .about_work-bg_image::before, .sertifications-section::before, .social_media-bg_image::before, .social_reklama-bg_image::before, .realization-section::before,
.analytics-bg_image::before, .analytics_progress-section-bg_image::before, .how_we_do-section::before, .how_we_do-section-bg_image::before, .contact_hero-section-bg_image::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-image: url(/wp-content/uploads/2025/12/hero-background.webp);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	z-index: -1;
}
.services-bg_image, .adwords-bg_image, .about-bg_image, .promotion-section, .work-section-bg_image, .about_work-bg_image, .sertifications-section, .social_media-bg_image,
.social_reklama-bg_image, .analytics-bg_image, .analytics_progress-section-bg_image, .realization-section, .how_we_do-section, .how_we_do-section-bg_image, .contact_hero-section-bg_image {position: relative;}

.about-bg_image, .adwords-bg_image, .about_work-bg_image, .social_media-bg_image, .social_reklama-bg_image, .analytics-bg_image, .contact_hero-section-bg_image {padding: 100px 0 35px}

.services-section, .promotion-section, .work-section-bg_image, .social_reklama-boxs, .quality-boxs {gap: 2em}

.services-section .services-box, .about_work-section .about_work-box, .quality-section .quality-box, .social_reklama-section .social_reklama-box, .work-column, .quality-section .quality-box, 
.analitics-box {
	text-align: center;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 25px 0px rgb(235 243 255);
	-moz-box-shadow: 0px 0px 25px 0px rgba(235, 243, 255, 1);
	box-shadow: 0px 0px 25px 0px rgb(235 243 255);
	border-top: 5px solid #3cc8e0;
	padding: 25px 30px
}

.services-section .services-box {
	background-color: rgba(255, 255, 255, 0.90);
    padding: 20px 30px 30px 30px;
	box-shadow: none;
	margin-top: -130px !important
}
.services-section .services-box h3 {margin-bottom: 30px}
.services-section .services-box .has-text-align-center {height: 235px}

.promotion-icon {margin-right: 15px !important}
.promotion-icon img {width: 188px}

.work-section {text-align: center}
.work-column {border-top: 3px solid #3cc8e0;}
.work-column, .quality-section .quality-box {
	border-left: 1px solid #e9eff1;
	border-right: 1px solid #e9eff1;
	border-bottom: 1px solid #e9eff1;
	padding: 5px 10px 0
}

.about_work-section h2, .social_reklama-section h2 {
	width: 550px;
	max-width: 550px
}
.about_work-section h2, .quality-section h2, .adword_promo-section h2, .steps_promo-section h2, .social_reklama-section h2, .realization-section h2,
.analytics_progress-section h2, .how_we_do-section h2, #nf-form-2-cont h2 {font-weight: 300}

.about_work-section h2 span, .adword_promo-section h2 span, .steps_promo-section h2 span, .social_reklama-section h2 span {font-weight: 500}

.quality-section {width: 100%}
.quality-section .quality-box {padding: 30px 40px}

.realization-section::before {
	background: linear-gradient(270deg,#f1f1f1 85%, rgb(255 255 255) 100%);
	margin-left: calc(112% - 50vw) !important
}

analytics-section {}
.analytics-bg_image {}

.analytics_progress-section {}
.analytics_progress-section .analytics_progress-box {margin-bottom: 40px}
.analytics_progress-section .wp-block-column:nth-child(2) img {margin-bottom: -80px}
.analytics_progress-section-bg_image {}
.analytics_progress-column img {margin-left: 0}

.how_we_do-section {}
.how_we_do-section .wp-block-column:nth-child(1) img {padding-right: 50px}

.contact_hero-section {}
.contact-box {align-items: flex-start;}
.contact-box img {margin-right: 20px}

/* bg video */
video {object-fit: contain;}
#home-video-background {
    position: absolute;
    bottom: 0;
    width: auto;
    height: 100%;
    z-index: -1;
}

/* bg images */
.services-bg_image::before {background-image: url(/wp-content/uploads/2025/12/services-background.webp)}
.promotion-section-bg_image::before {background-image: url(/wp-content/uploads/2026/01/promotion-background.webp)}
.promotion-section-bg_video::before {//background-image: url(/wp-content/uploads/2026/01/gp-video2.mp4)}
.work-section-bg_image::before {background-image: url(/wp-content/uploads/2026/01/work-section-background.webp)}
.about-bg_image::before {background-image: url(/wp-content/uploads/2026/01/about-hero-background.webp)}
.adwords-bg_image::before {background-image: url(/wp-content/uploads/2026/01/adwords-hero-background.webp)}
.about_work-bg_image::before {background-image: url(/wp-content/uploads/2026/01/about-work-background.webp)}
.social_media-bg_image::before {background-image: url(/wp-content/uploads/2026/01/social-hero-background.webp)}
.social_reklama-bg_image::before {
	border-bottom: 5px solid #43c4dd;
	background-image: url(/wp-content/uploads/2026/01/about-reklama-background.webp)
}
.sertifications-section::before {background: #3cc8e0}
.analytics-bg_image::before {background-image: url(/wp-content/uploads/2026/01/analitics-hero-background.webp)}
.analytics_progress-section-bg_image::before {background-image: url(/wp-content/uploads/2026/01/analytics-progress-backround.webp)}
.how_we_do-section-bg_image::before {background-image: url(/wp-content/uploads/2026/01/analytics-implementation-background.webp)}
.contact_hero-section-bg_image::before {
	background-image: url(/wp-content/uploads/2026/01/contact-hero-background.webp);
	background-position-y: bottom
}

.bg-overlay_black::after {
	content: '';
	position: absolute;
	background-color: #000000;
    opacity: 0.2;
	height: 100%;
    width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
	z-index: -1
}

/* footer widgets */
#footer-widgets h3 {font-weight: 300}
#footer-widgets a {font-size: 16px}

#footer-bottom #footer-bottom-menu {
	float: left;
	text-align: left
}
#footer-bottom #copyright {
	float: right;
	text-align: right
}
#footer-bottom #footer-bottom-menu li:after {content: '';}

/* NF style */
form input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea {
	border-top: 0;
	border-right: 0;
	border-left: 0;
}
form textarea {
	height: 80px !important;
	min-height: 80px;
}
.ninja-forms-req-symbol {color: gray !important}

#nf-form-2-cont {
	border: 4px solid #3cc8e0;
	padding: 30px 30px 5px
}
#nf-form-2-cont {position: relative}
#nf-form-2-cont::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: -5px;
	background-image: url(/wp-content/uploads/2026/01/contact-form-icon.png);
	background-position: top right;
	background-repeat: no-repeat
}

/* spaces */
.mt20 {margin-top: 20px !important}
.mt30 {margin-top: 30px !important}
.mt40 {margin-top: 40px !important}
.mt60 {margin-top: 60px !important}

.mb20 {margin-bottom: 20px !important}
.mb30 {margin-bottom: 30px !important}
.mb40 {margin-bottom: 40px !important}
.mb60 {margin-bottom: 60px !important}

.pt40 {padding-top: 40px !important}
.pt60 {padding-top: 60px !important}
.pt80 {padding-top: 80px !important}
.pt100 {padding-top: 100px !important}
.pt150 {padding-top: 150px !important}
.pt200 {padding-top: 200px !important}

.pb40 {padding-bottom: 40px !important}
.pb60 {padding-bottom: 60px !important}
.pb80 {padding-bottom: 80px !important}
.pb100 {padding-bottom: 100px !important}
.pb150 {padding-bottom: 150px !important}
.pb200 {padding-bottom: 200px !important}




/* mobile */
@media (max-width:768px) {
	#home-video-background {display: none}
	.hero-bg_image {padding: 100px 0 75px;}
	
	.display-none_mobile {display: none !important}
	
	#site-header-inner {max-width: 95%}
	.header-button {display: none}
	.header-button.header-button_mobile {
		display: inline-block;
		margin-left: 15px
	}
	.header-button.header-button_mobile a {padding: 12px 18px}
	
	.services-section, .about_work-section, .social_reklama-section {display: block !important}
	.services-section .services-box:nth-child(1) {margin-top: -40px !important}
	.services-section .services-box {margin: 0 0 20px !important}
	.services-section .services-box .has-text-align-center {height: auto}
	.services-bg_image, .about_work-bg_image, .social_reklama-bg_image {height: auto}
	.about_work-section h2, .social_reklama-section h2 {width: auto}
	
	.realization-section::before {display: none}
	.realization-list {margin-left: 0}
	
	.analytics_progress-section .analytics_progress-box {
		float: left;
		margin: 0 10px 0;
		width: 50%
	}
	.analytics_progress-section .wp-block-column:nth-child(2) img {margin-bottom: -30px}
	
	.how_we_do-section .wp-block-column:nth-child(1) img {padding: 0}
	
	.quality-boxs, .social_reklama-boxs {grid-template-columns: repeat(1, minmax(0, 1fr));}
	
	.nf-form-cont .one-third, .nf-form-cont .two-sixths {
		width: 100% !important;
		margin-left: 0 !important
	}
	#footer-widgets, #footer-widgets .footer-box {padding: 0}
	
	#footer-bottom #footer-bottom-menu, #footer-bottom #copyright {text-align: center}
	
	.ptm0 {padding-top: 0 !important}
	.ptm10 {padding-top: 10px !important}
	.ptm20 {padding-top: 20px !important}
	
	.pbm0 {padding-bottom: 0 !important}
	.pbm10 {padding-bottom: 10px !important}
	.pbm20 {padding-bottom: 20px !important}
	
	.mbm0 {margin-bottom: 0 !important}
}