1#@!#!123s

: / home / sanghavirealty / public_html / themes / twentytwenty-child /
Filename : style.css
back
/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 2.5.1705484174
Updated: 2024-01-17 09:36:14

*/






@font-face {
    font-family: "Averta-Regular";
    src: url("fonts/Averta-Regular.ttf")format("truetype");
}


body{
	font-family: "Averta-Regular";
	background-color: #03144b !important;
	
}


h1,h2,h3,h4,h5,h6,p,a,span{
	font-family: "Averta-Regular" !important;
	font-weight: normal !important;
}

p{
	font-size: 18px;
}


ul{
	list-style: none;
	padding: 0px;
	margin-bottom: 0px;
}

a{
	text-decoration: none;
}

section{
	margin:0px;
	padding:0px;
}



ul.main__menu {
    margin: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    width: 100%;
    justify-content: end;
}

ul.main__menu li {
    margin-top: 0px;
}

ul.main__menu li a {
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-family: "Averta-Regular";
    font-weight: normal !important;
    font-size: 16px;
}

ul.main__menu li a:hover{
	color: #c78b3a;
}

.container {
    max-width: 1070px;
    margin: 0 auto;
}

.header__row {
    display: flex;
    align-items: center;
    justify-content: end;
}

.menubar__nav {
    width: 50%;
}

.home .logo {
    display: none;
}

header.header__new {
    padding: 24px 0px;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 999;
}

.line__drowing {
    height: 3px;
    background: #fff;
}

.logo {
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translateX(-50%);
}

ul.main__menu li.active ul.sub-menu{
	display:block;
}

ul.main__menu li span.icon {
    position: relative;
    margin-left: 5px;
}

ul.main__menu li span.icon:before {
    content:'\f107';
    color: #fff;
    font-family: 'FontAwesome' !IMPORTANT;
}

ul.sub-menu {
    margin: 0px;
    list-style: none;
    background: transparent;
    position: absolute;
    width: 190px;
    display: none;
}

ul.sub-menu li {
    margin: 0px;
}

ul.sub-menu li a {
    padding: 6px 10px;
    display: block;
    font-size: 14px;
}

.dots__spote:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
}

footer#site-footer {
    display: none;
}

.footer__row {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.footer__section {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding-top: 60px;
}

.footer-widget-area.footer1 {
    position: relative;
    width: 600px;
    height: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}

.footer-widget-area.footer1:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    opacity: 0.2;
    background-size: contain !IMPORTANT;
    background-repeat: no-repeat !IMPORTANT;
    background-position: center !important;
}

.footer-widget-area.footer1 section {
    position: relative;
    z-index: 1;
}

.footer-widget-area.footer1 h2 {
    color: #fff;
    margin: 0px;
    font-size: 16px;
    position: relative;
    display: inline-block;
    padding-left: 40px;
    margin-bottom: 50px;
}

.footer-widget-area.footer1 h2:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 2px;
    background: #fff;
}

.footer-widget-area.footer1 h5 {
    color: #fff;
    font-size: 17px;
    margin: 0px;
}

.footer-widget-area.footer1 h4 {
    margin: 0px;
    color: #fff;
    font-size: 33px;
    margin-bottom: 15px;
    margin-top: 16px;
}

.social__icons ul {
    margin: 0px;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social__icons ul li a {
    color: #021148;
    text-decoration: none;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-decoration: none;
}

.social__icons ul li a:hover{
	background: #021148;
	color: #fff;
}

.social__icons ul li {
    margin: 0px;
    margin-right: 5px;
}

.social__icons ul li:last-child {
    margin-right: 0px;
}

.action__icons ul {
    margin: 0px;
    list-style: none;
    padding: 0px;
    margin-bottom: 70px;
}

.action__icons ul li {
    margin: 27px 0px;
}

.action__icons ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    padding-bottom: 8px;
}

.action__icons ul li:first-child {
    position: relative;
}

.action__icons ul li:first-child a {
    position: relative;
}

.action__icons ul li:first-child a:before {
    content: '';
    position: absolute;
    width: 80%;
    height: 2px;
    background: #fff;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}


.footer__last {
    border-top: 2px solid #fff;
    padding: 38px 0px;
}

.footer__last__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.footer__widget1 figure.wp-block-image.size-full {
    margin: 0px !important;
    padding: 0px !important;
}

.footer__widget1 h5 {
    color: #fff;
    font-size: 16px;
    margin: 0px;
    margin-top: 18px;
}

.footer__widget1 figure.wp-block-image.size-full img {
    height: 42px !important;
    width: auto !IMPORTANT;
}

.footer__widget2 ul#menu-footer-menu {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    align-items: end;
    margin-bottom: 30px;
}

.footer__widget2 ul#menu-footer-menu li {
    margin: 0px;
    margin-left: 30px;
}

.footer__widget2 ul#menu-footer-menu li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
}

.footer__widget2 ul#menu-footer-menu li a:hover{
	color: #c78b3a;
}

.footer__widget2 h4 {
    margin: 0px;
    color: #fff;
    font-size: 17px;
    text-align: right;
}

.footer__widget2 h4 a{
	color:#fff;
	text-decoration:none;
}

.footer__widget2 h4 a:hover{
	color:#c78a38 !important;
}

.text__about h5 {
    margin: 0px;
}

.line__left {
    width: 40px !important;
    background: #fff;
    height: 2px;
    display: inline-block;
    margin-bottom: 0px !important;
    position: absolute !important;
    top: 18px;
}

.about__title__left {
    padding-left: 52px;
}

.text__dots {
    position: relative !IMPORTANT;
    padding-top: 35px;
    margin-bottom: 0px !important;
}

.text__dots:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    top: 0px;
}

.custome__text ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
}

.custome__text ul li {
    position: relative;
    margin: 0px;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 15px;
}

.custome__text ul li span {
    font-size: 73px;
}

.custome__text ul li:after {
    content: '';
    width: 30px;
    height: 100px;
    background-size: contain !important;
    background-repeat: no-repeat !IMPORTANT;
    background-position: center !important;
}

.custome__text ul li:last-child:after{
	display: none;
}

.image__slider .owl-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.image__slider .owl-nav button {
    height: 46px;
    width: 46px;
    border-radius: 50%;
    margin-right: 10px;
    background-color: #fff !important;
    position: relative;
}

.image__slider .owl-nav button:last-child {
    margin-right: 0px;
}

.image__slider .owl-nav button span {
    display: none;
}

.image__slider .owl-nav button:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.image__slider .owl-nav button.owl-next:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transform: rotate(180deg);
}

.image__slider .owl-nav button:hover {
    background: #021b49 !important;
}

.image__slider .owl-nav button:hover:before {
    filter: invert(1);
}

.image__building {
    overflow: hidden !important;
    position: relative !important;
}

.image__building:before {
    content: '';
    position: absolute;
    width: 450px;
    height: 450px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    opacity: 0.5;
}

.choose__image {
    overflow: hidden;
}

.choose__line__drow {
    width: 100%;
    background: #fff;
    height: 2px;
    margin-top: 25px;
    margin-bottom: 20px;
}

.choose__content h3 {
    margin: 0px;
    font-size: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 66px;
    margin-bottom: 20px;
}

.choose__content {
    color: #fff;
}

.choose__content p {
    font-size: 14px;
}

.height__nav .elementor-widget-html {
    height: 100%;
    display: flex;
    justify-content: center;
    padding-top: 60px;
}

.owl__navigation .owl-nav div {width: 65px;height: 65px;border-radius: 50%;background: #fff;display: flex;justify-content: center;align-items: center;margin-bottom: 10px;cursor: pointer;position: relative;}

.owl__navigation .owl-nav div:last-child {
    margin-bottom: 0px;
}

.owl__navigation .owl-nav .customPrevBtn:before, .owl__navigation .owl-nav .customNextBtn:before {
    content: '' !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.owl__navigation .owl-nav div:hover {
    background: #01143c;
}

.owl__navigation .owl-nav div:hover:before {
    filter: invert(1);
}

.footer-nav-widgets-wrapper.header-footer-group {
    display: none;
}

.blog__post .sina-btn-wrapper a {
    font-size: 0px !important;
    padding: 0px !important;
    width: 43px;
    height: 21px;
}

.page__title h2 span {
    font-size: 52px;
}

.choose__content a {
    color: #fff;
}

.section__border {
    border: 2px solid #fff;
    border-left: none;
    border-right: none;
}

.custome__text.align-items-end ul {
    justify-content: end;
}

.contact__block {
    background: #fff;
    padding: 40px;
    margin-bottom: 0px !important;
}

.contact__block h2 {
    font-size: 30px;
    color: #000;
    margin: 0px;
    margin-bottom: 15px;
}

.contact__block p {
    color: #000;
    margin-bottom: 7px;
}

.contact__block p a {
    color: #000;
}

.form__subscription {
    margin-top: 20px;
}

.input__subscription {
    position: relative;
}

.input__subscription br {
    display: none;
}

.input__subscription input {
    background: #010f33;
    color: #fff;
    height: 52px;
    padding-right: 60px;
}

.input__subscription input::placeholder {
  color: #fff;
}

.input__subscription input::-ms-input-placeholder { /* Edge 12 -18 */
  color: #fff;
}

.form__row {
    display: flex;
    flex-wrap: wrap;
}

.col-6 {
    width: 50%;
    padding: 10px 17px;
}

.form__row input {
    padding: 0px;
    height: 45px;
    border: none !important;
    background: transparent !important;
    border-bottom: 1px solid #fff !important;
	color:#fff;
	outline:none !important;
}

.form__row input::placeholder {
  color: #fff;
}

.form__row input::-ms-input-placeholder { /* Edge 12 -18 */
  color: #fff;
}

.col-12 {
    width: 100%;
    padding: 10px 17px;
}

.form__row textarea{
  background:transparent !important;
  border:none !important;
  border-bottom: 1px solid #fff !important;
  padding:0px;
  color:#fff;
	outline:none !important;
}

.form__row textarea::placeholder {
  color: #fff;
}

.contact__form__ft .wpcf7-response-output {
    color: #fff;
}

.form__row p {
    margin-bottom: 0px;
}

.form__row textarea::-ms-input-placeholder { 
  color: #fff;
}

.form__row .input__contact.col-12.send__button input[type="submit"] {
    padding: 10px;
    background: #fff !important;
    background-repeat: no-repeat !important;
    background-size: 30px !important;
    background-position-x: 86% !important;
    background-position-y: 50% !important;
    padding-right: 50px;
    color: #000 !important;
    text-decoration: none !important;
}

.home__footer ul {
    display: flex;
    align-items: center;
}

.home__footer ul li {
    margin: 0px;
    position: relative;
    margin-right: 20px;
}

.home__footer ul li a {
    display: inline-block;
    color: #fff;
    position: relative;
    padding-top: 31px;
    width: 186px;
}

.home__footer ul li a:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.home__footer ul li a img {
    position: absolute;
    top: 0px;
    width: 139px;
    right: 0px;
    transition: height 0.5s;
    height: 0px;
    object-fit: cover;
}

.home__footer ul li a span {
    z-index: 1;
    display: block;
    position: relative;
}

.home__footer ul li:last-child {
    margin-right: 0px;
}

.home__footer ul li:hover a img {
    height: 129px;
}

.p__text p {
    font-size: 17px;
}

.image__box__about h3 {
    margin: 0px;
    margin-top: 10px;
}

.image__box__about .elementor-widget-container {
    position: relative !important;
    padding: 47px 40px;
	height:255px;
}

.image__box__about .elementor-widget-container:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat !IMPORTANT;
    background-size: contain !important;
    background-position: center center !IMPORTANT;
    top: 0px;
    left: 0px;
    opacity: 0.5;
}

.list__featurs ul {
    margin: 0px;
}

.list__featurs ul li {
    margin: 0px;
    font-weight: normal !important;
    font-family: "Averta-Regular";
    position: relative;
    padding: 5px;
    padding-left: 40px;
    background-repeat: no-repeat !IMPORTANT;
    background-position-y: 7px !important;
    background-position-x: 2px !important;
}

.left__dots {
    position: relative;
}

/* .left__dots:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    top: 32px;
    left: -75px;
} */

.wpcf7-response-output {
    font-size: 15px;
    margin-top: 0px !important;
}

.input__subscription span.wpcf7-spinner {
    position: absolute;
    right: 17px;
    top: 12px;
    margin: 0px;
}

section.footer-area.footer-area-one ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 22px;
}

section.footer-area.footer-area-one ul li {
    margin-top: 0px;
}

section.footer-area.footer-area-one ul li a {
    color: #fff;
    text-transform: uppercase;
	font-size:16px;
}

.footer__widget1 nav.menu-footer-menu-container {
    display: none;
}

.action__icons ul {
    flex-direction: column;
}

.footer__row section.footer-area.footer-area-one ul li a i {
    font-family: 'FontAwesome' !important;
}

.footer__row section.footer-area.footer-area-one ul li a{
	color:#01143d;
}

.footer__row section.footer-area.footer-area-one ul li a:hover{
	color:#fff;
}

.action__icons a {
    color: #fff !important;
    text-transform: lowercase !important;
}

.action__icons li:nth-child(1) a {
    font-size: 20px !important;
}

.footer__widget2 ul li a:hover {
    color: #c78a38 !important;
}

.toggle__menubar a {
    position: relative;
    width: 35px;
    background: #fff;
    height: 3px;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

.toggle__menubar a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #fff;
    top: -10px;
	transition:0.5s;
}

.toggle__menubar a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #fff;
    bottom: -10px;
	transition:0.5s;
}

figure.swiper-slide-inner img {
    width: 100%;
}

.toggle__menubar {
    display: none;
}

.post__header {
    padding-top: 100px;
}

.post__header__inner h1 {
    margin: 0px !important;
    font-size: 35px;
    margin: 22px 0px !important;
}

.post__left__content h1, .post__left__content h2, .post__left__content h3, .post__left__content h4, .post__left__content h5, .post__left__content h6, .post__left__content p, .post__left__content a, .post__left__content span, .post__left__content li {
    color: #fff;
}


.post__main__block {
    margin-top: 120px;
}

@media(max-width:1025px){
	.page__title h2 span {
		font-size: 38px;
	}
	
	.home__slider__project img{
		width:100% !important;
	} 
}

@media(max-width:992px){
	.custome__text ul li span {
		font-size: 52px;
	}
	.home__footer ul li a{
		width:166px;
	}
	.container {
		padding: 0px 15px;
	}
	
	.logo img {
		height: 38px !important;
		max-height: 50px;
		width: auto !important;
	}

	.logo {
		top: 45%;
	}

	.container {
		padding: 0px 15px;
	}

	ul.main__menu li a {
		font-size: 14px;
	}
}


@media(max-width:900px){
/* 	.home .logo {
		display: block;
	} */
	
	body.home .header__row {
    justify-content: flex-end;
}
	
	.menubar__nav {
		width: 100%;
		position: absolute;
		left: 0px;
		top: 100%;
		background: #01143c;
		display: none;
	}

	ul.main__menu {
		justify-content: start;
		flex-direction: column;
		align-items: start;
	}

	ul.main__menu li {
		margin: 0px;
		width:100%;
		position:relative;
	}
	
	ul.main__menu li span.icon {
		position: absolute;
		right: 0px;
		top: 0px;
		height: 47px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		background: #01143c;
	}
	
	ul.main__menu li.active ul.sub-menu {
		position: static;
		width: 100%;
		background:#01143c;
	}
	
	ul.sub-menu.active {
		display: block;
		position: static;
		background: #01143c;
		width: 100%;
		left: 0px;
	}

	ul.main__menu li a {
		padding: 13px;
		display: block;
	}

	.logo {
		position: static;
		transform: translateX(0px);
	}

	.toggle__menubar {
		display: block;
	}

	.header__row {
		justify-content: space-between;
	}
	
	.toggle__menubar.active a {
		background: transparent;
	}

	.toggle__menubar.active a:before {
		transform: rotate(44deg) translate(6px, 7px);
	}

	.toggle__menubar.active a:after {
		transform: rotate(-52deg) translate(7px, -8px);
	}
}

@media(max-width:767px){
	.custome__navigation{
		width:100%;
	}

	.owl__navigation .owl-nav {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	.owl__navigation {
		width: 100%;
	}


	.custome__navigation .elementor-widget-container {
		width: 100%;
	}

	.height__nav .elementor-widget-html {
		padding-top: 0px;
	}

	.home__footer ul {
		margin: 0px;
		justify-content: center;
	}
	
	p, a{
		font-size:15px;
	}
	
	.owl__navigation .owl-nav div{
		width: 45px;
    	height: 45px;
	}
	
	.owl__navigation .owl-nav .customPrevBtn:before, .owl__navigation .owl-nav .customNextBtn:before{
		background-size:30px !important;
	}
	
	.mobile__direction .elementor-container {
		flex-direction: column-reverse;
	}
	
	.image__box__block__row figure.elementor-image-box-img {
		width: auto !important;
	}
	
	.custome__text.align-items-end ul {
		justify-content: start;
	}
	
	.contact__block h2{
		font-size:27px;
	}
	
	.col-6{
		width:100%;
	}
	
	.image__building:before {
		width: 100%;
	}
	
}

@media(max-width:600px){
	.footer-widget-area.footer1{
		width:100%;
		height:auto;
	}
	
	.footer-widget-area.footer1 {
		margin-bottom: 40px;
		padding: 60px;
	}
	
	.footer-widget-area.footer1 h2 {
		margin-bottom: 20px;
	}

	.action__icons ul li {
		margin-bottom: 16px;
	}

	section.footer-area.footer-area-one ul {
		margin-bottom: 0px;
	}

	.footer-widget-area.footer1 h4 {
		font-size: 26px;
	}

	.footer-widget-area.footer1 h5 {
		font-size: 13px;
	}

	.action__icons li:nth-child(1) a {
		font-size: 16px !important;
	}

	.social__icons ul li a {
		height: 35px;
		width: 35px;
	}
	
	.text__about h5 {
		font-size: 16px;
	}
	
	.footer__widget1 {
		width: 100%;
	}

	.footer__widget2 {
		width: 100%;
	}

	.footer__widget2 h4 {
		text-align: center;
	}

	.footer__widget2 nav.menu-footer-menu-container {
		display: none;
	}

	.footer__widget1 nav.menu-footer-menu-container {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 20px;
	}

	.footer__widget1 nav.menu-footer-menu-container ul li:nth-child(1) {
		margin-left: 0px;
	}

	.footer__widget1 nav.menu-footer-menu-container {}

	.footer__widget1 ul#menu-footer-menu {
		margin-bottom: 0px;
	}

	.footer__widget1 h5 {
		text-align: center;
		margin-bottom: 18px;
	}

	.footer__widget1 section.footer-area.footer-area-one figure {
		text-align: center;
		display: flex;
		justify-content: center;
	}
	
}