/*
Theme Name: Annusa
Theme URI: https://annusa.themezinho.net/
Author: themezinho
Author URI: https://themeforest.net/user/themezinho
Description: Modern Digital Agency Theme 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Annusa
Tags: blog, custom-logo, custom-menu, editor-style, featured-images, sticky-post, theme-options
*/

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
#site-title, .site-title, #site-title a, .site-title a, .entry-title, .entry-title a, h1, h2, h3, h4, h5, h6, .widget-title, .elementor-heading-title, body, #content, .entry-content, .post-content, .page-content, .post-excerpt, .entry-summary, .entry-excerpt, .widget-area, .widget, .sidebar, #sidebar, footer, .footer, #footer, .site-footer {
	font-family: "Montserrat";
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
img{height: auto; max-width: 100%;}
iframe{ width: 100%; max-width: 100%;}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	float:right; margin-left:1em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.screen-reader-text{
    display: block;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Cookies
--------------------------------------------------------------*/
.cli-bar-message {
	font-size: 14px !important;
}

#cookie-law-info-bar[data-cli-style="cli-style-v2"] {
	z-index: 9998;
	padding: 15px 25px;
}

.cli-plugin-button {
    width: 220px !important;
    height: 58px !important;
	line-height: 40px !important;
    font-weight: 800 !important;
	vertical-align: middle !important;
	margin: 0px !important;
}

.cli-bar-btn_container {
	margin-right: 35px !important;
}

.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited {
	font-size: 12px !important;
}

@media (min-width: 986px) {
	.cli-bar-message {
		margin-top: 12px !important;
    	margin-right: 35px !important;
    	margin-bottom: 12px !important;
    	margin-left: 35px !important;
		width: 80% !important;
	}
}

@media (max-width: 985px) {
	.cli-bar-btn_container {
    	width: 100% !important;
		margin-right: 0px !important;
	}
	.cli-plugin-button {
    	width: 100% !important;
	}
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption, .bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
## Header & navigation
--------------------------------------------------------------*/
.page-header .container h1 { 
	margin-bottom: 0 !important;
}

@media (max-width: 1440px) {
	.page-header .container h1 {
		margin-left: 7.5% !important;
		margin-right: 22.5% !important;
	}
}

@media (max-width: 1279px) {
	.page-header .container h1 {
		font-size: 64px;
		margin-right: 15% !important;
	}
}

@media (max-width: 991px) {
	.navbar {
		padding: 30px 50px;
	}
	.page-header .container {
		margin-left: 50px !important;
	}
	.page-header .container h1 {
		font-size: 48px;
		margin: 0 !important;
	}
}

@media (max-width: 767px) {
	.home .page-header, .home .page-header .video-bg {
		height: 550px !important;
	}
	body:not(.home) .page-header, body:not(.home) .page-header .video-bg {
		height: 450px !important;
	}
	body.portfolio-template-default .page-header, body.portfolio-template-default .page-header .video-bg {
		height: 300px !important;
	}
	.navbar {
		padding: 30px;
	}
	.page-header .container {
		margin-left: auto !important;
	}
	.page-header .container h1 {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
}

@media (max-width: 549px) {
	.page-header .container h1 {
		font-size: 9.25vw;
	}
}

@media (max-width: 349px) {
	.navbar {
		padding: 20px;
	}
}

/*--------------------------------------------------------------
## Blog
--------------------------------------------------------------*/
section.icon-content-block {
	overflow: visible;
}

.wp-block-cover, .wp-block-cover-image {
	height: auto; 
}

.blog-post .post-content .more-link {
	display: inline-block;
}

.wp-block-quote {
	background: #1b1b1b !important;
}

/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/
.logo-slider {
	height: 85px;
	margin-bottom: 0px !important;
	pointer-events: none !important;
}

.logo-slider img {
	max-height: 85px !important;
}

.homepage-portfolio {
	background: #0e0e0e;
	color: #fff;
	margin-bottom: 0;
	position: relative;
}

.homepage-portfolio:hover img {
	opacity: 1;
}

.homepage-portfolio:hover figcaption {
	opacity: 0;
}

.homepage-portfolio img {
	object-fit: cover;
	opacity: 0.6;
	width: 100%;
	transition: .3s all;
}

.homepage-portfolio figcaption {
	position: absolute;
	bottom: 0;
	padding: 2em;
	transition: .3s all;
}

.homepage-portfolio h3 {
	font-size: 32px;
	font-weight: 700;
}

.content-section[style="background-color: #000000;"] {
	background-color: #000000 !important;
}

.content-section {
	background-color: #ffffff;
}

.home .page-header, .home .page-header .video-bg {
	height: 100vh;
}

.clients-section .wpb_wrapper .vc_column-inner {
	padding: 0 !important;
}

@media (max-width: 767px) {
	.content-section {
		padding: 75px 0;
	}
	.clients-section .vc_col-sm-2 {
		width: 33.3% !important;
		float: left;
	}
}

@media (max-width: 349px) {
	.side-content-mobile .vc_column-inner {
		padding-right: 0px !important;
	}
	.side-content-mobile .left-side-content {
		padding: 60px 15px;
	}
}

/*--------------------------------------------------------------
## Inner pages
--------------------------------------------------------------*/
body:not(.home) .page-header, body:not(.home) .page-header .video-bg {
	height: 75vh;
}

/*--------------------------------------------------------------
## Portfolio
--------------------------------------------------------------*/
.portfolio-template-default .page-header, .portfolio-template-default .page-header .video-bg {
	height: 50vh !important;
}

.portfolio-template-default .page-header .container {
	text-align: center !important;
}

.portfolio-template-default .page-header .container h1 {
	margin: 0px !important;
}

.wp-video { 
	width: 100% !important;
}

.wp-video video {
	width: 100% !important;
	height: 100% !important; 
}

.works-grid li:nth-child(13), .works-grid li:nth-child(17) {
	padding-right: 50px;
}

.works-grid li:nth-child(14), .works-grid li:nth-child(18) {
    padding-left: 50px;
}

.works-grid li:nth-child(15) {
    padding-right: 150px;
}

.works-grid li:nth-child(16) {
	padding-left: 150px;
}

.works-grid li:nth-child(19) {
    padding-right: 200px;
}

.portfolio-flex {
	display: flex;
	align-items: flex-start;
	column-gap: 20px;
	padding-top: 100px;
	padding-bottom: 150px;
	transition: all ease 0.5s;
    opacity: 0;
    transform: translateY(-50px);
}

.page-loaded .portfolio-flex {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.5s;
}

.portfolio-flex .text {
	width: calc(35% - 10px);
	padding-right: 7.5%;
}

.portfolio-flex .images {
	display: flex;
	position: relative;
	width: calc(65% - 10px);
}

.portfolio-flex h2 {
	font-size: 42px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 20px;
	color: #1b1b1b;
}

.portfolio-flex p {
	margin-bottom: 30px;
	color: #1b1b1b;
}

.portfolio-flex .custom-btn span {
	color: #1b1b1b;
}

.portfolio-flex img {
	border-radius: 0.875rem;
    padding: 0.25rem;
    box-shadow: 0 0 1rem 0.125rem rgba(0, 0, 0, 0.125);
    background: white;
    object-fit: contain;
}

.portfolio-flex img.desktop {
	width: 90%;
}

.portfolio-flex img.mobile {
	position: absolute;
	bottom: -15%;
	right: 0;
	max-height: 400px;
	height: 95%;
	width: auto;
}

@media (max-width: 1279px) {
	.portfolio-flex {
		flex-direction: column-reverse;
		row-gap: 50px;
		padding-top: 75px;
		padding-bottom: 45px;
	}
	.portfolio-flex .text, .portfolio-flex .images {
		width: 100%;
	}
	.portfolio-flex h2 {
		font-size: 36px;
	}
}

@media (max-width: 767px) {
	.menu-horizontal {
		background-color: #0e0e0e !important;
	}
	.menu-horizontal li {
		line-height: 1.25 !important;
	}
}