/*
Theme Name:     Wren Building Co
Theme URI:      https://welldressedwalrus.com/
Template:       kadence
Author:         Well Dressed Walrus
Author URI:     https://welldressedwalrus.com/
Description:    A Custom Theme from Well Dressed Walrus for your website.
Version:        1.2
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/************************************ Everything *************************************/

.list-margin {
	margin-top: 5px !important;
}

/************************************ Header *************************************/

.kadence-svg-iconset .kadence-phone-alt2-svg,
.kadence-svg-iconset .kadence-email-alt-svg {
	color: #F0C12C;
}

.contact-menu-button {
	background-color: #F0C12C;
	margin-right: 30px;
}

.contact-menu-button a {
	color: var(--global-palette4) !important;
	font-weight: 800 !important;
}

.contact-menu-button:hover {
	background-color: var(--global-palette4);
	margin-right: 30px;
}

.contact-menu-button a:hover {
	color: #F0C12C !important;
	text-decoration: none !important;
}

.contact-menu-button a:after {
	content: none !important;
	height: 0 !important;
}

.social-button2 {
    color: rgba(1, 1, 1, 0) !important; 
}

.social-button2::after {
	content: '';
    background-image: url(https://wrenbuildingco.polarbear.wdwstaging.com/wp-content/uploads/2024/06/instagram.png);
    max-width: 50px;
	width: 100%;
    display: inline-block;
}

/***************Socket contact********************/
.socket-contact {
    display: inline-flex;
    color: white;
	align-items: center;
	align-content: center;
}

.socket-contact a {
    text-decoration: none !important;
	color: white;
}

.socket-contact a:hover {
	color: var(--global-palette1);
}

.icon-phone::before {
	content: "";
	background-image: url(https://wrenbuildingco.polarbear.wdwstaging.com/wp-content/uploads/2024/08/icon-phone.png);
	background-size: contain;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 6px -3px 0;
}

.icon-email::before {
	content: "";
	background-image: url(https://wrenbuildingco.polarbear.wdwstaging.com/wp-content/uploads/2024/08/icon-email.png);
	background-size: contain;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 6px -3px 0;
}

/************************************ Footer *************************************/

.margin-minus-10 {
	margin-bottom: -10px;
}

/************************************ Homepage *************************************/

.software-app img{ width: 53.5vw; height: auto; max-width: unset !important; }

@media only screen and (min-width: 768px) and (max-width: 1920px) {
/* .overflow-block .img-col figure {
	margin-right: calc(-1px - ((100vw - 1600px) / 2) + 1px) !important;
}

.overflow-block .img-col figure img {
    width: 100% !important;
	height: 100%;
} */
	
	
	
	
}

.review__text {
	position: relative;
}

.review__bottom-name {
	position: absolute;
	bottom: 35px;
	left: 0;
	right: 0;
	margin-top: 25px;
	padding-top: 25px;
}

.review__bottom-stars {
	position: absolute;
	bottom: 25px;
	left: 0;
	right: 0;
}

.list-icon-align ul li span {
	padding-top: 0px !important;
}

/************************************ Homepage Mobile *************************************/

@media only screen and (min-width:1280px) and (max-width: 1920px) {
	/* 	.overflow-block .img-col figure {
		margin-right: -150px !important;
	} */
}

@media only screen and (min-width:1025px) and (max-width: 1279px) {
	/* 	.overflow-block .img-col figure {
		margin-right: -60px !important;
	} */
	
	.software-app img{ width: 52vw; }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.overflow-block .img-col figure {
		margin-right: -50px !important;
	}
	.contact-menu-button {
		padding: 0 20px;
		max-width: 124px !important;
	}
}

@media only screen and (max-width: 768px) {
	
	h2 {font-size:32px !important;}
	
	h3 {font-size: 24px !important;}
	
	h4 {font-size:22px !important;}
	
	.mobile-left {
	text-align: left !important; }
	
	.contact-menu-button {
		padding: 0 20px;
		max-width: 124px !important;
	
}


/************************************ Subpage *************************************/

/************************************ Subpage *************************************/

/************************************ Subpage *************************************/

/************************************ Mobile *************************************/

/************************************ ADA *************************************/