/*
Ruler Digital Agency 
https://www.ruler.agency
Copyright 2023, RULER SMPC. All rights reserved.
Version: 1.0
*/



.overlaying-hero div#logo {
	filter: invert(1) brightness(11);
}
.overlaying-hero .main-color-bg {
	background: #fff;
}
.overlaying-hero a.button {
	background-color: #fff;
	color: #152656;
}
body.overflow-hidden .overlaying-hero .main-color-bg {
	background: #152656;
}
body.overflow-hidden .overlaying-hero a.button {
	background-color: #152656;
	color: #fff;
}
body.overflow-hidden .overlaying-hero div#logo {
	filter: invert(0);
}


.position-relative.vw-100.vh-100.dynamic-carousel-image-img.fit-img.overflow-hidden a:after {
	background: #152656;
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.2;
}
span.media-caption,
figcaption.wp-element-caption {
	position: absolute;
	z-index: 9;
	right: 20px;
	bottom: 20px;
	background: rgba(9,27,58,0.4);
	color: #fff;
	font-size: 12px;
	padding: 5px 5px;
	border-radius: 4px;
	line-height: 18px;
}
figure.wp-block-image {
	position: relative;
	margin-bottom: 0;
}
#home-dynamic-carousel-full-image span.media-caption{
	left:20px;
	right:unset;
}

.single_article_img span.media-caption{
	right:70px;
}
figure.wp-block-image.size-full.w-100 img {
	width: 100%;
}
button#wpforms-submit-786 {
	background: none;
	color: #152656;
}

.postid-567 .zigzag-info-img.fit-img {
	height: 500px;
}
.zigzag-info-text a {
	background: #152656;
	padding: 10px 20px;
	border-radius: 50px;
	color: #fff;
	margin-top: 20px;
}


@media (max-width:991.99px){
	.main-heading, h1:not(.extra-big-heading), .main-heading h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.padding-left {
		padding-left: 20px;
	}
	.padding-right {
		padding-right: 20px;
	}
	.padding-bot, .archive.category .heading_title {
		padding-bottom: 50px;
	}
	.margin-top {
		margin-top: 50px;
	}
	.padding-top {
		padding-top: 50px;
	}
	.footer-contact-details.d-flex.flex-wrap.flex-column.big-text {
		font-size: 25px;
		margin-top: 20px;
	}
	.menu-footer:not(.footer-col-1-2) li {
		width: 100%!important;
		text-align: center;
	}
	.small-heading, h3 {
		font-size: 22px;
		line-height: 32px;
	}
	.hero-carousel-title {
		padding-left: 20px;
		padding-right: 20px;
	}
	#about-small-image {
		bottom: 100px!important;
		right: 20px!important;
		position: relative!important;
		display: block!Important;
		width: 40%;
		margin-left: auto;
	}
	.about_images_v2.position-relative.h-100.vh-100 {
		height: auto!important;
		margin-bottom: -50px;
	}
	section#home-dynamic-carousel-full-image {
		margin-top: 0;
	}
	.position-fixed.fixed-contact-us.z-index-1 {
		z-index: 99!important;
	}
	
}


@media (min-width: 992px) {
	.odd .col-12.col-lg-6.row-image {
		padding-right: 0!important;
	}
	.odd .col-12.col-lg-6.row-text {
		padding-left: 50px!important;
	}
	.even .col-12.col-lg-6.row-image {
		padding-left: 0!important;
	}
}


blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
	font-size: 24px;
	line-height: 34px;
	margin-top: 40px;
	margin-bottom: 50px;
}

div#mobile-menu {
	position: fixed;
	left: 40px;
	top: 80px;
}


@media (max-width: 768.98px) {

	div#mobile-menu {
		position: fixed;
		left: unset;
		top: 45px;
		right: 40px;
	}
	.rfc-pos-modal {
		left: 20%;
		transform: translate(-20%,0);
		max-width: 720px;
		bottom:20px;
	}
	#home-dynamic-carousel-full-image h4.small-heading.mb-0 {
		font-size: 18px;
		line-height: 24px;
	}
}

@media (max-width: 992px) {
	#about-big-image span.media-caption {
		left: 20px;
		right: unset;
	}
	.top-gallery-img .media-caption, .bot-gallery-img .media-caption {
		left: 0;
		right: unset;
		bottom: unset;
		width: 100%;
		border-radius: 0;
		font-size: 12px;
		top: 100%;
		background: #152656;
	}
	.single_article_img {
		height: 300px;
	}
	.single_article_img img {
		position: absolute;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	section#zigzag-info .row {
		padding-bottom: 50px;
	}
	
}
.social-icon svg {
	fill: #fff;
}
#footer-navigation li::before, #classic-footer-menu li::before {
	background-color: #fff;
}
div#about_repeater_v2 {
color:#152656;
}
.body-color, .accordion-button:not(.collapsed), #dynamic-tabs-nav .nav-link:hover, #dynamic-tabs-nav .nav-link.active, #mobile-menu-modal .main-navigation .menu-border, ::placeholder {
	color: #152656!important;
}
@media (max-width: 768.98px){
	.dynamic-carousel-image-img {
	max-height: 50vh!important;
}
}
@media (max-height: 500px) and (max-width:992px){
	.hero-carousel-title {
		align-content: end!important;
		
	}
	.dynamic-carousel-image-img {
		max-height: 100vh!important;
	}
}