/******************************************************************
Theme Name: Client-Feedback
Description: Custom Designed Theme
Author: Catapult Creative Media Inc.
Author URI: http://www.catapultyourbrand.com
******************************************************************/


/*--global --*/
body, html {width:100%; height:100%; background: #f2f2f2; font-family: 'Lato', sans-serif;}

p, li {color:#2f2f2f; font-size: 1em; font-weight: 400; line-height: 1.5em;}
h1 {color:#555555; margin:0; padding: 1%; font-size: 1.8em;}
h2 {color: #4bb046; margin:5% 0 2% 0; font-size: 1.25rem;}
h3 {color: #555555; margin:5% 0 2% 0; font-size: 1.25rem;}

.collapse {padding: 0!important;}

#content {}

.card{margin: 5% auto; border: 1px solid #BDBDBD; border-radius: 2px;
-webkit-box-shadow: 0px 1px 2px 1px rgba(219,219,219,1);
-moz-box-shadow: 0px 1px 2px 1px rgba(219,219,219,1);
box-shadow: 0px 1px 2px 1px rgba(219,219,219,1);
}

.card-section p {padding: 5% 5% 0;}

.header {position: relative;}
.lp-box {padding: 9% 5% 0 5%; position: absolute; width: 100%; height: 100%;}
.lp-box p {position: absolute; left:0; z-index: 9999; width: 100%; font-size: 1.5em; font-weight: 700; color: #fff;}
.lp-img {position: relative; background-position: center center;}
/* .color-overlay {background-color: #3b4294!important; opacity: 0;} */
.lp-header-wrap {  height: 150px; background-size:contain!important; background-position:center!important;}


.btn-wrap {padding: 5% 10%;}
.button {padding: 30px; background: #3c3980;}
.button p {font-weight: 700; color:#fff!important; padding: 2%!important; margin: 0!important;}
.round {border-radius: 100px; -webkit-box-shadow: 0px 1px 5px 1px rgba(219,219,219,1);
-moz-box-shadow: 0px 1px 5px 1px rgba(219,219,219,1);
box-shadow: 0px 1px 5px 1px rgba(219,219,219,1);}
.svg-inline--fa {color: #fff!important; font-size: 2.2em;}


label {color: #525252!important;}
input[type=submit] {padding:15px 15px; background:#3b4295; border:0 none; cursor:pointer; -webkit-border-radius: 2px; border-radius: 2px; }

input[type=submit]:hover{background: #e94a34;}

p.copyright {font-size: .8em!important;}


/*-- TABLET ONLY --*/

@media only screen and (min-width: 40.063em) {

.lp-header-wrap {height: 200px; background-size:contain!important; background-position:center!important;}

}



/*--LARGE ONLY --*/
@media only screen and (min-width: 64.063em) { 

.lp-box {padding: 9% 5% 0 5%;}
.lp-header-wrap { height: 200px;  background-size:contain!important; background-position:center!important;}


}