/*
Theme Name: Betros Employee Portal
Theme URI: https://betrosplumbing.com/
Author: Exigo Sales and Marketing
Author URI: https://exigosalesandmarketing.com/
Description: Theme for the Betros Employee Portal
Version: 1.0
License: All rights reserved
*/

/* Colors */

.blueBG {
	background-color:#15489f;
}
a.blueBG:hover {
	background-color:#387bcf;
}
.greenBG {
	background-color:#006633;
	color:#fff;
}
.greenBG a {
    color:#fff;
}
a {
    color:#387bcf;
}

/* General */

.alignleft {
    float:left;
    padding:0 1rem 1rem 0;
}
.alignright {
    float:right;
    padding:0 0 1rem 1rem;
}
.boxedList {
    max-width: 46rem;
    border-bottom: solid 1px #aaa;
}
.boxedList li {
    border: solid 1px #aaa;
    border-bottom: none;
    padding: 0.7rem;
}
.card {
    background-color:transparent;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    border-radius: 2px;
}
.card.medium {
    height: 360px;
}
.container {
    margin: 0 auto;
    max-width: 1280px;
    width: 90%;
}
@media (min-width: 601px) {
	.container {
	    width: 85%;
	}
}
@media (min-width: 993px) {
	.container {
	    width: 88%;
	}
}
.fixed-action-btn {
    right: 93px;
}
h1 {
	font-size:2rem;
}
@media (min-width:600px) {
	h1 {
		font-size:2rem;
	}
}
h2 {
	font-size:2rem;
	font-weight:bold;
}
@media (min-width:600px) {
	h2 {
		font-size:1.8rem;
    	margin:2rem 0 1rem 0;
	}
}
h3 {
	font-size:1.8rem;
}
@media (min-width:600px) {
	h3 {
		font-size:1.6rem;
    	margin:2rem 0 1rem 0;
	}
}
h4 {
	font-size:1.4rem;
}
@media (min-width:600px) {
	h4 {
		font-size:1.3rem;
    	margin:.8rem 0 1rem 0;
	}
}
hr {
	border:none;
	border-top:solid 1px rgb(158,158,158);
	margin:2.4rem 0;
}
html, body {
    background-color:#15489f;
	height:100%;
}
main {
    background-color: #fff;
	padding:2rem 0;
}
main.learning {
    padding:0;
}
#pageContent ul {
    padding-left:1rem;
}
#pageContent ul li {
    list-style-type:disc;
}
section {
    background-color: #fff;
	padding:4rem 0;
}
strong {
    font-weight: bold;
}
.wpcf7-submit {
    background-color: #e65100 !important;
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: 54px;
    letter-spacing: .5px;
    line-height: 54px;
    outline: 0;
    overflow: hidden;
    padding: 0 28px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    vertical-align: middle;
    z-index: 1;
}

/* Header */

header {
    background-color: #fff;
    padding: 1rem 0 0;
}
header .row {
    margin-bottom: 0;
}

/* Home */

#frontPage #homeFold {
    padding-top:1.5rem;
}
@media (max-width:599px) {
        #frontPage .homeHero {
            background-image:none !important;
        }
}
@media (min-width:600px) and (max-width:991px) {
    #frontPage .homeHero {
        background-position:40%;
    }
}
#frontPage .homeText {
    font-size: 2.2rem;
    line-height: 2.6rem;
}
@media (min-width:600px) {
    #frontPage .homeText {
        font-size: 3.2rem;
        line-height: 3.4rem;
    }
}
#frontPage h1 {
	margin-top:0;
	text-align:center;
	text-transform:uppercase;
}
#frontPage h2 {
	text-align:center;
	text-transform:uppercase;
}
@media (max-width:599px) {
    #frontPage .homeHero {
        background:none !important;
    }
}
#frontPage .homeRows {
	display: flex;
    flex-wrap: wrap;
}
#frontPage .homeRows .card .card-content {
    padding:0 1rem 1rem;
}
#frontPage .homeRows h3 {
	margin: 1rem 1rem 0;
	text-align:center;
	text-transform:uppercase;
}
#frontPage .homeRows a {
	color:inherit;
}
#frontPage .homeRows p {
	margin:1rem 0 2rem;
}
#frontPage .sectionIntro {
	margin:1rem auto 0;
	max-width:70%;
	text-align:center;
}

/* Footer */

footer {
	color:#fff;
	padding:.5rem 0 1rem;
}
footer .row {
    margin: 0;
}
footer a {
	color:#fff;
}
footer ul {
    font-weight:bold;
    text-transform:uppercase;
}
footer ul li {
    margin-bottom:.5rem;
}
footer ul ul {
    font-weight:normal;
    margin-top:.5rem;
    text-transform:none;
}
.fullHeight {
	background-size:cover;
	min-height:100%;
}
nav {
    box-shadow:none;
    -webkit-box-shadow:none;
    height: 56px;
    line-height: 56px;
    margin-bottom:2rem;
}
#inbound ::placeholder {
  color: rgb(158,158,158);
  opacity: 1;
}

#inbound :-ms-input-placeholder {
  color: rgb(158,158,158);
}
#inbound #homeFold {
    padding-top:1.5rem;
}
#inbound img {
    max-width:100%;
    height:auto;
}
@media (max-width:599px) {
        #inbound .homeHero {
            background-image:none !important;
        }
        #inbound h1 {
            margin-top:0;
        }
        #inbound h2 {
            font-size:1.4rem;
        }
        #inbound section {
            padding-bottom: 0;
        }
}
@media (min-width:600px) and (max-width:991px) {
    #inbound .homeHero {
        background-position:40%;
    }
}


/* Woocommerce */

.product_meta {
	display:none;
}
.product-price, .product-quantity, .product-thumbnail {
    display:none;
}
.single_add_to_cart_button {
    background-color: #e65100 !important;
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: 54px;
    letter-spacing: .5px;
    line-height: 54px;
    margin-top:2rem;
    outline: 0;
    overflow: hidden;
    padding: 0 28px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    vertical-align: middle;
    z-index: 1;	
}
.thwepo-extra-options tr {
	border-bottom:none !important;
}
.wpcf7-form.sent .formstuff {
    display:none;
}
.woocommerce .col-1 {
    float:none !important;
    width:100% !important;
}
.woocommerce .col-2 {
    display:none;
}
.woocommerce-product-gallery {
	display:none;
}
/* Learning */
.learning iframe {
    border: solid 4px #ddd;
}
input#rememberme {
    position: relative;
    display: inherit;
    opacity: 1;
}