/*
 Theme Name:     Lobo Child
 Description:    A basic child theme for the Lobo Agency theme.
 Template:       lobo
 Version:        1.0
*/

@import url("../lobo/style.css");

/* --------------------------------------
-----   Theme customization starts here   -----
------------------------------------------*/
.compact-menu .main-d-nav .social-area {opacity:0;}
.menu-logo {opacity:0;}
#main-wrapper { background-color: #00ddf5; }
.footer {background-color: #354954; color: white;}
/*.actions-bottom is the class to place the actions in the bottom area*/
.actions-bottom .sticky-head-elmnts{background: #353637;}
/*.bottom-light .hero-info .hero-title, .bottom-light .hero-info .subtitle {opacity: 0;}*/
.hero-info .subtitle {opacity: 0;}
.bottom-light .hero-info .hero-title, .bottom-light .hero-info .subtitle {color: white; font-weight: bolder; font-style: normal; letter-spacing: 2px; -webkit-text-stroke: 1px white;}
.separator h3:after{
 opacity: 0;
}
/*
.btn-ig {background-color:#E1306C; color:#ffffff;}
.btn-tw {background-color:#55acee; color:#ffffff;}
.btn-tk {background-color:#00f2ea; color:#ffffff;}
*/

/*div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
	background-color: #ffffff;
}*/
  
/* hange to theme's button */
.module .btn {
	font-size: 13px !important;
}
/* New Form button styles */
.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
	font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    line-height: 35px !important;
    padding: 3px 17px !important;
    margin: 7px 0 !important;
    /*width: 100% !important; 
    font-size: 1.5em !important;*/ 
    background-color: rgb(131, 249, 190) !important; /* background */
    color: rgb(52, 72, 84) !important; /* text color */
    border: 0px !important; /* no border */
	
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    -ms-border-radius: 7px !important;
    -o-border-radius: 7px !important;
    border-radius: 7px !important;
}

/* New Form button hover styles */
.wpforms-form input[type=submit]:hover, 
.wpforms-form input[type=submit]:active, 
.wpforms-form button[type=submit]:hover, 
.wpforms-form button[type=submit]:active, 
.wpforms-form .wpforms-page-button:hover, 
.wpforms-form .wpforms-page-button:active {
     background-color: rgb(52, 72, 84) !important; /* background */
    color: rgb(131, 249, 190) !important; /* text color */
}
.wpforms-field-label {
    /*color: #000000 !important;*/
	font-weight: 300 !important;
}
/*Call to action module*/
.call-to-action-achr {
  background: rgba(0,0,0, 0.0);
}

.call-to-action-achr .copy > div > div {
  padding: 5% 5%;
  vertical-align: top;
}
.no-touch .call-to-action-achr:hover { background: rgba(255,255,255, 0.4); color: #000 !important; }

.cinemaguys{
  height: 100%;
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  z-index: 10;
}


.rowfive-parallax-strip{
  /* The image used */
  background-image: url("http://pedrohey.com/wp-content/uploads/2021/12/bg-we-are-row5-parallax-bg.jpg");
  /* Set a specific height */
  height: 100vh;
  width: 100%;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: -700px 50%;
  background-repeat: no-repeat;
	background-size: cover;
  z-index: 1;
  position: realtive;
}
@media all and (max-width: 499px) {
	.rowfive-parallax-strip{background-position: center;}
}

.social-area {margin-top:0 !important;}
.credits {margin-top:25px !important; }
.share-btns li a i { color: #ffffff !important; }
.footer {min-height: 140px !important;}
.footer a:after,
.btn-link:after,
.btn-link a:after {height: 0px; !important;}

.module-caption, .slide-caption {
  bottom: 20px !important;
font-style: normal !important;
  right: 15% !important;
  left: 15% !important;
  text-align: center !important;
  background: transparent !important;
  color: #ffffff !important;
}


element.style {
    background-color: rgb(238, 163, 223);
    text-align: center;
    position: absolute;
    left: 0px;
    top: 612px;
}

.separator h3 {
    padding: 35px 0 0 0 !important;

}
@media all and (max-width: 499px) {
	.separator h3 {
    padding: 25px 0 0 0 !important;

}
}
.as-hero-title{
	font-size: 44px;
}
@media all and (max-width: 499px) {
.as-hero-title{
	font-size: 29px;
}
}