/*
Theme Name: WordPress + Bootstrap Template Theme
Theme URI: http://www.dominate-design.com/wordpress
Author: dominate-design.com
Author URI: http://www.dominate-design.com/
Description: WordPress Template with Bootstrap 3+ Structure built into Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wordpressBootstrap

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



/* .admin-bar .navbar-fixed-top {
	margin-top: 50px;
} */

/* Move down content because we have a fixed navbar that is 50px tall */



.navbar {
	padding: 5px 0 0px;
	margin: 0 0;
	border-bottom: none;
	width: 100%;
	display: block;
}


/* GENERAL SETTINGS & TYPOGRAPHY
----------------------------------- */

body {
	padding: 0 0;
	margin: 0 0;
	text-rendering: geometricPrecision;
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
	font-size: 1.75em;
	background-color: #fefefe;
	width: 100%;
}


/* body, html {
	overflow-x: hidden;
} */

.logo {
	margin: -15px 0 10px;
}

p {
	line-height: 1.5em;
/*	font-size: 1.1em;*/
}

h1  {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color:rgb(20, 131, 124);
	font-size: 2.5em;
	line-height:1.4em;
}

body h2, h4, p {
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
/*	color:#A9A9A9;*/
	color: rgb(51, 51, 51);
	line-height:1.4em;
}

h3 {
	font-family: 'Oxygen', sans-serif;
	font-weight: 700;
/*	color:#A9A9A9;*/
	color: rgb(51, 51, 51);
}

h5 {
	text-decoration: underline;
}

.nobr {
	white-space: nowrap;
}


/* HEADER IMAGES & JUMBOTRON STYLES
----------------------------------- */

.jumbo {
	background-image: url("https://www.ultra-guard.com/wp-content/uploads/2022/08/hdr_ultra-guard_hero.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	height:1020px;
}

.transparency  {
	padding:20px;
	margin-top:600px;
	background-color: rgba(64, 94, 94, 0.69);
	color: white;
}

.transparency h2 {
	font-size:2.0em;
	padding: 0 0 25px;
}

.transparency h3 {
	font-size:1.4em;
}

.transparency h2, .transparency h3, .transparency p, .transparency li {
	color: white;
}

.transparency h3 {
	padding-bottom:0px;
}



/* SECTION SPECIFICS
----------------------------------- */

.banner {
	text-align: center;
	padding: 0 0;
	border: 3px double #14837c;
}

.upper_info {
	background-color: red;
}


#love-work {
	padding:50px 0;
	margin: 25px 0;
	background-color: #333;
}

#love-work h2, #love-work p {
	color:#fff;
}

#gray-work {
	padding:50px 0;
	margin: 25px 0;
	background-color: #999;
}

/* .stfr {
	font-size: 1.2em;
	font-family: 'impactregular', Arial, Helvetica, sans-serif;
	white-space: nowrap;
	color:#163c8d;
	text-transform: uppercase;
	font-weight: normal;
} */

.stfr {
	font-size: 1.2em;
	white-space: nowrap;
	color:rgb(20, 131, 124);
	text-transform: uppercase;
	font-weight: bold;	
}

.caps {
	text-transform: uppercase;
}

hr {
	margin: 15px 25px 30px;
	border: 1px solid #14837c;
}

#services {
	padding:50px 0;
	margin: 25px 0;

}

/*.item-services {
	display: inline;
	text-align: center;
}*/

.item-services a {
	padding: 25px 0;
	margin: 500px 0;
}



.services-hl {
	padding: 0 0 50px;
}


#test-slides {
	padding:50px 0;
	margin: 0 0;
	background-color: #8AC1BE;
}

#contact-form {
	background-color: #333;
	padding: 25px 0;
	margin: 0 0;
}

.contactInfo {
	padding: 50px 0 0;
}

.form-group {	
	padding: 7px 0;
}

.inTouch {
	padding: 15px 0 50px;	
}

.port-head {
	padding: 20px 0 5px;
}

#work, #fullPage {
	margin: 0 0;
	padding:25px 0;	
	background-color: #fefefe;	
}

#skills-sect {
	background-color: #333;	
	padding: 50px 0 75px;
}

.skill {
	display:block;
	float: left;
	border-radius: 5px;
	padding: 5px 5px;
	margin: 10px 5px;
	background-color: #fff;
	list-style: none;
}

#resume {
	padding: 50px 0;
}

.resume-item {
	padding: 25px 0;
}

.laptop, .search, .print, .cart {
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 25px;
	border-radius: 50%;
	width: 125px;
	height: 125px;
	text-align: center;
}

.laptop {
	background-color: #933648;
}

.search {
	background-color: #605444;
}

.print {
	background-color: #f1bed2;
} 

.cart {
	background-color: #cac9b4;
}

.portPic {
	padding: 25px 0;
}

.diy {
	padding: 1em 0;
}

.steps {
	padding: 1.5% 0;
}

.thumb {
	height: 50px;
	width: 50px;
	overflow: hidden;
	border-radius: 50px;
	float: left;
	margin: -1px 15px 0px 0px;
}

.quote-author {
	display: block;
	color:#fff;
	padding: 25px 0 0;
	margin: 0 auto;
}

.quote h3 {
	line-height: 1.5em;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 2.05em;
	font-weight: 300;
	color: #fff;
	width: 85%;
	margin: 0 auto;
}

#questions {
	background-color: grey;
	padding: 50px 0;
}

#questions h2 {
	padding: 0 0 50px;
}

.faq strong {
	display: block;
	margin-bottom: 10px;	
}

.faq {
	background-color: #fefefe;
	padding: 10px 10px;
	margin: 25px 0;
	border-radius: 10px;
	border: 2px solid lightblue;
}

.qafix {
	display: block;
	padding: 20px 0 0;
}

.faqfix {
	padding: 0 0 25px;
	margin: 0 0;
}

.testimonials {
	background-color: #F2F2F2;
	margin: 50px auto 30px;
	padding: 25px 0 50px;
/*	border-top: 2px solid #449D44;
	border-top-style:ridge;
	border-bottom: 2px solid #449D44;
	border-bottom-style:groove;	*/
}

.signup {
	padding: 10px 0 10px;
}

.signup h2 {
	padding: 0 0 25px;
}

.signup-cta {
	background-color: #ececec;
	border-bottom: 3px solid #999;
	border-radius: 10px;
	padding: 30px 25px 0px;
	margin: 25px auto;
}

.signup-cta h2 {
	float:left;
	padding: 0;
	margin: 0;
}

.signup-cta span {
	float:right;
	padding: 0;
	margin: 0;	
}

.signup-cta-head {
	padding: 0 0 25px;
}

footer {
  background: #2d3339 url('images/footer-back.png');
  padding: 20px 0 20px;
  margin: 0 0 0;
  border-top: 2px solid #666;
  border-top-style:groove;
}

footer p, footer h2, footer h3 {
	color: #898989;
}

/*.icon-houzz {
	text-align: center;
	width: 35px;
	height: 25px;
}

.return-top {
	font-size: 2em;
	background-color: #fefefe;
	border-radius: 5px;
	padding: 5px 10px;
}*/

.glyphicon-ok {
	color:green;
}

.glyphicon-remove {
	color:red;
}




/* CUSTOMIZE THE NAVBAR
----------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: relative;
  z-index: 15;

}

ul.nav {
	text-rendering: geometricPrecision;
	font-family: 'Oxygen', sans-serif;
	font-weight: 700;	
/*    	text-transform: uppercase;
font-weight: normal;*/

}

.nav a {
  color:white;
}




/* FEATURETTES
----------------------------------- */

.featurette-divider {
  margin: 50px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
.featurettes {
  padding: 25px 0 0px;
}

.featurette-hl {
	padding: 0px 0 50px;
}

/*.featurette-h2 {
	padding: 0px 0 50px;
}*/

.awesome-hl {
	padding: 0 0 25px;
}

.item-feature h3 {
	font-weight: bold;
	font-size: 1.2em;
	color:#3E3E3E;	
}

.item-feature a {
	text-decoration: none;
}

.item-feature .link {
	font-weight: bold;
	font-size: 1.2em;
}



/* NAV
----------------------------------- */

@media (min-width:768px) {
	.sub-menu {
		display: none;
		position: absolute;
		background: #222;
		padding: 10px 15px;
		width: 200px;		
	}

	li:hover .sub-menu {
		display: block;
	}
}

.sub-menu li {
	margin-bottom: 10px;
	list-style: none;
}

.sub-menu li:last-child {
	margin-bottom: 0;
}

.sub-menu a  {
	color: #999;
	text-decoration: none;
}

.sub-menu a:hover  {
	color: #fff;	
}	

.current-menu-item > a, .current-menu-parent > a {
	background: #4fa29d;
	font-weight: bold;	
}
.current-menu-parent li a {
	background: inherit;
}
.current-menu-parent .current-menu-item a {
	color: #fff;
}



/* SIDEBAR & WIDGET STYLES
----------------------------------- */

.sidebar {
	margin-top: 40px;
	color: #444;
}

.sidebar h3 {
	color: #888;
}

.widget {
	margin:10px 0 30px;
}

article.post {
	margin:20px 0 40px;
}

.prev-next {
	font-size: 24px;
	margin-top: 30px;
	text-align: right;
}



/* V/A
----------------------------------- */

.pad-btn {
	margin: 15px 0;
}

.carousel-caption p, .carousel-caption h2 {
	color:yellow;
}

.carousel-indicators {
  bottom:-60px;
}

#carousel-example-generic {	
	padding: 0 0;
	margin: 0 0 50px;
}

.carousel-inner {
	max-height: 100%;
}

.item .active {
	padding: 0 0;
	margin: 0 0;
}



select {
	color:#888;
}

.paypal-form {
	height:50px;
	padding: 0;
	margin: 0;
}



/* MEDIA QUERIES
----------------------------------- */



@media screen and (max-width:767px) {
	.btn-lg, .btn-group-lg > .btn {		
		margin:10px 0;
	}

  	.container {
  		overflow: hidden;
  	}

}

@media screen and (min-width:768px) {
	.btn-lg, .btn-group-lg > .btn {		
		margin:20px 0;
	}

}




/* WORKBLOCK
--------------------------*/

.fadeIn {
  position: relative;
  margin: 20px auto;
}
.fadeIn img, .fadeIn h3 {
  transition: .35s ease-in-out;
}
.fadeIn h3 {
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  width: 80%;
  margin: 0 10%;
  text-align: center;
  color:#fff;
  /*font-size: 1.3em;*/
}

.fadeIn a {
  width: 100%;
  float: left;
}

.fadeIn a:hover > img {
  opacity: .3;
}

.fadeIn a:hover > h3 {
  opacity: 1;
  top: 43%;
}


/* SWITCH IMG
--------------------------*/





/* OVERWRITE - BS
------------------------- */

.navbar {
	background-color: rgba(20, 131, 124, 0.90);
}

.navbar-inverse .navbar-toggle {
    border-color: #ffffff;
}    

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.icon-bar {
  color: black;
  border-color: black;
  background-color: black;
}

.navbar-inverse .navbar-nav > li > a {
	color:#fff;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color:#cecece;
}

h3 {
	line-height: 1.5em;
	padding: 0 0 15px;
}

.btn-group {
	padding:0 0 25px;
	margin:-20px 0 0;
}

.tollfree {
	color:#ffffff;
	padding:0 0 15px;
}

.blog-fix {
	padding: 75px 0 0;
}

ol li {
	padding:0 0 15px;
}

.tollfree a {
	color:#ffffff;
}

.service {
	margin-left: 10px;
	padding: 10px 20px;
	background-color: #14837c ;
    border: 1px solid #14837c ;
}

.no_service {
	margin-left: 47px;	
	padding: 10px 20px;
	background-color: #656668 ;
    border: 1px solid #656668 ;
}

.white-text {
	color:#ffffff;
}

.green-text {
	padding-top:25px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color:rgb(20, 131, 124);
	font-size: 2.2em;
	line-height:1.6em;	
}


/* MEDIA QUERIES
----------------------------------- */

@media screen and (max-width:320px) {
	#jumbo {	
		height: 800px;
		background-position: center;
	}
	
	.transparency  {
		padding:20px;
		margin-top:0px;
	}
}

@media screen and (min-width:321px) and (max-width:540px) {
	#jumbo {	
		height: 720px;
		background-position: center;
	}
	
	.transparency  {
		padding:20px;
		margin-top:50px;
	}
}

@media screen and (max-width:767px) {
	.jumbo {	
		height: 650px;		
		background-position: center;
  	}
	
	.transparency  {
		padding:20px;
		margin-top:100px;
	}
}

@media screen and (min-width:768px) {
	.jumbo {	
		height: 600px;	
	}
	
	.transparency  {
		padding:20px;
		margin-top:150px;
	}
}

@media screen and (min-width:992px) {	
	.jumbo {	
		height: 600px;	
	}
	
	.transparency  {
		padding:20px;
		margin-top:220px;
	}
}

@media screen and (min-width:1200px) {
	.jumbo {	
		height: 600px;		
	}
	
	.transparency  {
		padding:20px;
		margin-top:230px;
	}
}

@media screen and (min-width:1300px) {
	.jumbo {	
		height: 600px;		
	}
	
	.transparency  {
		padding:20px;
		margin-top:250px;
	}
}

@media screen and (min-width:1450px) {
	.jumbo {	
		height: 1000px;		
	}
	
	.transparency  {
		padding:20px;
		margin-top:550px;
	}
}