/*
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 */

@font-face {font-display: swap}

/* spaces */
.pt20 {padding-top: 20px}
.pt40 {padding-top: 40px}
.pt60 {padding-top: 60px}
.pt80 {padding-top: 80px}
.pt100 {padding-top: 100px}
.pt120 {padding-top: 120px}

.pb20 {padding-bottom: 20px}
.pb40 {padding-bottom: 40px}
.pb60 {padding-bottom: 60px}
.pb80 {padding-bottom: 80px}
.pb100 {padding-bottom: 100px}
.pb120 {padding-bottom: 120px}


/* header */
#site-header.transparent-header {
	position: fixed;
    top: 0;
	background-color: rgba(13, 13, 15, 0.6);
}
.custom-logo-link img {border-radius: 999px}
.oceanwp-mobile-menu-icon a {color: #e9e9e9}
#mobile-dropdown {background-color: #120E0A;}
#mobile-dropdown ul li {border-bottom: 1px solid rgb(255 255 255 / 20%)}
#mobile-dropdown ul li a .dropdown-toggle:before {font-size: 34px}

#site-header.transparent-header, .dropdown-menu .sub-menu, #mobile-dropdown {box-shadow: 0 12px 26px rgb(255 255 255 / 12%);}

/* block media text */



/* home page */
.hero-section {
	position: relative;
	height: 800px
}
.hero-bg_image::before, .about-us-bg_image::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2025/11/books-bg-hero.webp);
	background-position: center center;
    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
}
.bg-overlay_black_gradient::after {
	content: '';
	position: absolute;
	background-color: rgb(0 0 0 / 50%);
	background-image: linear-gradient(360deg, #000000 1%, transparent, transparent, transparent, transparent, transparent, #000000 99%);
    //opacity: 0.5;
	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
}
.bg-overlay_black_gradient .wp-block-image {position: relative}
.bg-overlay_black_gradient .wp-block-image::before {
	content: '';
	position: absolute;
	background-color: rgb(0 0 0 / 20%);
	background-image: linear-gradient(360deg, #000000 1%, transparent, transparent, transparent, transparent, transparent, #000000 99%);
	height: 100%;
    width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
}

.wp-block-social-link a {color: #F5EDE6 !important}
.wp-block-social-link a:hover {
	color: #F5BB95 !important;
	color: #5fc9ba !important
}

.wp-block-separator.vertical-line-white_black, .wp-block-separator.vertical-line-black_white {
	width: 2px !important;
    height: 200px;
    background: linear-gradient(360deg, white, transparent);
	border: 0;
    margin-right: 12px;
}
.wp-block-separator.vertical-line-black_white {background: linear-gradient(180deg, white, transparent);}

.horizontal-line-black_white_black {
	border: 0;
	background: linear-gradient(90deg, transparent, white, transparent);
	max-width: 100% !important
}


/* about us */
.about_us-section {position: relative}
.about-us-bg_image::before {background-image: url(/wp-content/uploads/2025/11/books-bg-about2.webp)}


/* experience section */
.experience-section {}
.experience-column {
	font-family: Cinzel;
	font-weight: 700;
	text-align: center
}
.experience-digit.wp-block-uagb-counter--number .wp-block-uagb-counter__number {
	color: inherit;
	font-size: 48px;
	line-height: 48px;
	margin-bottom: 0
}
.experience-text {margin-bottom: 0}


/* ninja form */
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 {
	background-color: #F5EDE6;
	font-size: 18px;
}


/* autor page */
.hero-section_autor {padding-top: 50px}


/* autors slider */
.uagb-tm__text-wrap {
	background-image: linear-gradient(360deg, black 20%, transparent);
	padding: 50px 0 15px 0;
	margin: -32% 0 0 -6%
}
.uagb-slick-carousel {margin-bottom: 20px}
.uagb-slick-carousel .slick-prev {
	color: #F5EDE6;
	top: 100%;
    left: 45%;
}
.uagb-slick-carousel.uagb-tm__arrow-outside .slick-next {
	top: 100%;
	right: 45%;
}
.uagb-slick-carousel .slick-next, .uagb-slick-carousel .slick-prev {
	filter: brightness(0) saturate(100%) invert(94%) sepia(8%) saturate(440%) hue-rotate(325deg) brightness(104%) contrast(92%);
}
.uagb-block-af4f5706 .uagb-testimonial__wrap {
	padding: 0 25px 50px 25px;
	margin: 0
}


/* scroll */
::-webkit-scrollbar-thumb {
	background-color: #555;
	border-radius: 20px;
}
::-webkit-scrollbar {width: 12px;}


/* animation */
.anim-fadeInUp2s {animation: fadeInUp 2s;}
.anim-fadeInUp3s {animation: fadeInUp 3s;}
@keyframes fadeInUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.anim-fadeInDown2s {animation: fadeInDown 2s;}
.anim-fadeInDown3s {animation: fadeInDown 3s;}
@keyframes fadeInDown {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(-0%);
    opacity: 1;
  }
}

.anim-fadeInLeft2s {animation: fadeInLeft 2s;}
.anim-fadeInLeft3s {animation: fadeInLeft 3s;}
@keyframes fadeInLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(-0%);
    opacity: 1;
  }
}

.anim-fadeInRight2s {animation: fadeInRight 2s;}
.anim-fadeInRight3s {animation: fadeInright 3s;}
@keyframes fadeInRight {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

.anim-zoom_in2s {animation: zoom-in 2s}
.anim-zoom_in3s {animation: zoom-in 3s}
@keyframes zoom-in {
	0% {scale: 0%;}
	100% {scale: 100%;}
}

/* button */
.wp-block-button__link, #nf-field-4 {
	color: #5FC9BA;
	font-size: 20px;
	font-weight: 400;
	text-transform: capitalize;
	border-radius: 0;
	border: 2px solid #F5EDE6;
	padding: 16px 24px;
	animation: pulseBTN 2s infinite;
}
.wp-block-button__link:hover, #nf-field-4:hover {border: 2px solid #5FC9BA !important}
@keyframes pulseBTN {
  0%, 100% {
	  box-shadow: 0 0 0 0 rgba(95, 201, 186, 0.5);
	  box-shadow: 0 0 0 0 rgb(245 237 230 / 45%)
	}
  50% {
	  box-shadow: 0 0 0 10px rgba(95, 201, 186, 0);
	  box-shadow: 0 0 0 15px rgb(245 237 230 / 1%);
	}
}










/* mobile */
@media (max-width: 781px) {
	.hero-section {
		height: auto;
		padding-top: 50px
	}
	.social-block {margin-bottom: 20px}
	.social-block.is-layout-flex, .social-block.is-layout-flex ul {
		flex-direction: row;
		justify-content: center;
	}
	.social-block .wp-block-separator.vertical-line-white_black, .wp-block-separator.vertical-line-black_white {
		width: 50px !important;
		max-width: 70px !important;
		height: 2px;
		background: linear-gradient(270deg, white, transparent);
		margin: 0 0 10px;
	}
	.social-block .wp-block-separator.vertical-line-black_white {background: linear-gradient(90deg, white, transparent);}
	.uagb-slick-carousel {margin-bottom: 50px}
	.uagb-tm__image-content, .uagb-tm__text-wrap {margin-left: -4%}
	.uagb-tm__text-wrap {padding-bottom: 15px}
	.uagb-slick-carousel.uagb-tm__arrow-outside .slick-next {right: 35%}
	.uagb-slick-carousel.uagb-tm__arrow-outside .slick-prev {left: 35%}
}
@media (max-width: 600px) {
	.wp-block-media-text>.wp-block-media-text__content {padding: 10px 0 0 0}
	.wp-block-media-text .wp-block-media-text__media img {
		margin-bottom: 20px;
		object-fit: cover;
		width: 300px
	}
}
@media (max-width: 480px) {
	.uagb-block-af4f5706 .uagb-testimonial__wrap {padding: 0 35px 50px 35px}
	.uagb-tm__image-content, .uagb-tm__text-wrap {margin-left: 0%;}
	.uagb-tm__company {
		width: 65%;
		margin: auto;
		line-height: 1.4;
	}
}
@media (max-width: 440px) {
	.uagb-tm__image-content, .uagb-tm__text-wrap {margin-left: -4%}
	.uagb-block-af4f5706 .uagb-testimonial__wrap {padding: 0 20px 50px 20px}
}
@media (max-width: 414px){
	.uagb-tm__image-content, .uagb-tm__text-wrap {margin-left: -8%;}
}
@media (max-width: 390px) {
	.uagb-tm__image-content, .uagb-tm__text-wrap {margin-left: -15%}
	.uagb-tm__company {width: 55%}
}
@media (max-width: 375px) {
	.uagb-tm__image-content, .uagb-tm__text-wrap {margin-left: -18%}
}