/* 
	Theme Name: Mansueto Ventures Custom 
	Version: 1.0
*/ 

@charset "utf-8";

/* Imports
------------------------------------------------------ */
@import url('css/bootstrap.css');
@import url('css/aos.css');
@import url('css/flexslider.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,500;0,700;1,300;1,500;1,700&&display=swap');

@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Body
------------------------------------------------------ */
body {
	background: #FFF none;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
}

body.mobile #rev_slider_11_1_forcefullwidth {margin-bottom: 20px;}

@media (min-width: 1200px) {
	.container {max-width: 1350px;}
}

.container-slide {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

.container-maxwidth {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

.container-minwidth {
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
}

.container-mini {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	line-height: 110%;
}

@media screen and (max-width: 768px) {
	.container-minwidth {max-width: 100%; padding: 0 15px;}
}

@media screen and (max-width: 600px) {

}

@media screen and (max-width: 500px) {

}

@media screen 
  and (device-width: 640px) 
  and (device-height: 360px) 
  and (orientation: landscape) {

}

@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (orientation: portrait) {

}

/* BGs & Colors
------------------------------------------------------*/
.bg-white {background: #FFF; color: #000;}
.bg-black {background: #000; color: #FFF;}
.bg-grey {background: #F4F4F5; color: #000;}
.bg-red {background-image: url('images/bg-red.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat; color: #FFF;}

hr.red {border-color: #BF0F1B;}

#contact a {color: #BF0F1B;}

.border-top-dark {border-top: 1px solid #666;}

#phone-carousel .carousel-indicators {
	bottom: 190px;
}

#phone-careers .carousel-indicators {
	bottom: 150px;
}

#tablet-carousel .carousel-indicators {
	bottom: 100px;
}

#office-carousel .carousel-indicators {
	bottom: -50px;
}

#office-carousel .carousel-indicators li {
  width: 10px!important;
  height: 10px!important;
  background-color: #AAA;
}

/* Input
------------------------------------------------------*/
.btn-redround, .btn-redround:hover {
	background: #bf0f1b;
	border-radius: 45px;
	text-align: center;
	font: normal normal bold 20px/24px Roboto;
	letter-spacing: 0px;
	color: #FFF;
	text-transform: uppercase;
	opacity: 1;	
	padding: 18px 50px;
	margin: 0 auto;
	line-height: 100%;
	outline: none;
}

.btn-redround:hover, .btn-redround:focus, .btn-redround:active {
    outline: none !important;
	cursor: pointer;
	box-shadow: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
	-webkit-tap-highlight-color: transparent;	
}

@media screen and (max-width: 600px) {
	.btn-redround, .btn-redround:hover {
    background-color: rgb(191, 15, 27);
    font-family: Roboto;
    color: rgb(255, 255, 255);
    text-decoration: none;
    white-space: nowrap;
    width: 219px;
    height: 47px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: center;
    line-height: 18px;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 15px;
    padding: 15px 50px;
    border-radius: 45px;
    backdrop-filter: none;
    filter: brightness(100%);
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;		
}
	
}


/* Alignment
------------------------------------------------------*/
.coladjust1 {margin: 0 auto 30px 0;}
.coladjust2 {margin: 0 auto 30px auto;}
.coladjust3 {margin: 0 0 30px auto;}

.deskcoladjust1 {margin: 0 auto 60px 0;}
.deskcoladjust2 {margin: 0 auto 60px auto;}
.deskcoladjust3 {margin: 0 0 60px auto;}

/* Nav
------------------------------------------------------*/

.page-template-default .navbar-light {border-bottom: 1px solid #000;}

.navbar-nav {font-family: "Barlow", sans-serif; font-weight: 500; color: #000; text-transform: uppercase;}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #000;}

.navbar-light .navbar-toggler {
	padding: 0.25rem 0rem!important;
    color: #FFF;
    border-color: #FFF;
	outline: none;
	border: 0;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/* Headings
------------------------------------------------------*/
h1 {font-family: "Barlow", sans-serif; font-size: 50px; font-weight: 300; margin: 0; padding: 0;}
h2 {font-family: "Barlow", sans-serif; font-size: 47px; line-height: 100%; font-weight: 300; margin: 0 0 15px 0; padding: 0;}

h2.privacy {font-size: 16px; font-weight: 700; margin: 30px 0 10px 0; padding: 0;}

h3 {font-family: "Barlow", sans-serif; font-size: 32px; font-weight: 300; margin: 0; padding: 0;}

strong, b, .b, .strong {font-weight: 700;}
small, .small {font-size: 12px; font-family: "Roboto", sans-serif;}

#contact h4 {font-family: "Roboto", sans-serif; font-size: 18px; line-height: 30px; font-weight: 700; margin: 0; padding: 0;}

.stats h3 {font-family: "Barlow", sans-serif; font-size: 22px; font-weight: 300; margin: 0; padding: 0; text-align: center; line-height: 100%;}
.stats h2 {font-family: "Barlow", sans-serif; font-size: 70px; font-weight: 700; margin: 0 0 8px 0; padding: 0; text-align: center; line-height: 100%;}
.stats h4 {font-family: "Barlow", sans-serif; font-size: 16px; font-weight: 700; margin: 0; padding: 0; text-align: center; line-height: 100%;}


@media screen and (max-width: 768px) {
	h2 {font-size: 38px;}
	h3 {font-size: 24px; padding-bottom: 15px;}
	
	.stats h3 {font-size: 15px; text-align: left; padding: 0;}
	.stats h2 {font-size: 40px; text-align: left; padding: 0;}
	.stats h4 {font-size: 12px; text-align: left; padding: 0;}
}

@media screen and (max-width: 600px) {
	h2 {font-size: 36px;}
	h3 {font-size: 24px;}
	
	.stats h3 {font-size: 22px; text-align: left;}
	.stats h2 {font-size: 70px; text-align: left; line-height: 90%;}
	.stats h4 {font-size: 16px; text-align: left; padding-bottom: 10px;}
}


/* Footer
------------------------------------------------------*/
#footer-copyright {padding: 37px 0 25px 0; font-size: 15px; line-height: 18px; font-family: "Roboto", sans-serif; color: #FFF;}

@media screen and (max-width: 600px) {
	#footer-copyright {padding: 30px 15px 10px 15px; font-size: 14px;}	
}

#menu-footer a {color: #FFF!important;}
#menu-footer {list-style: none; padding: 0; margin: 0 0 15px 0; text-align: center;}

/* Modal
------------------------------------------------------*/
.modal-content {border: 0!important;}
#benefits strong {font-family: "Barlow", sans-serif; font-weight: 700; font-size: 18px; line-height: 23px;}
.modal-red {background: #BF0F1B; color: #FFF; padding: 8px 10px; border-radius: 0;}
.modal-body-content {padding: 35px; font-size: 16px; line-height: 27px; font-weight: 300;}
.modal-red img.mx-auto {filter: brightness(0) invert(1);}

@media screen and (max-width: 600px) {
	.modal-body-content {padding: 10px 20px;}
}

/* Contact
------------------------------------------------------*/
#contact p {font-size: 18px;}
.emails {padding-bottom: 2.625rem;}
.emails p {padding-bottom: 1rem;}

@media screen and (max-width: 600px) {
	.emails, .emails p {padding-bottom: 0.625rem;}
}