/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

body{
    font-family: "lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5em;
    color: #4C2F37;
}

h1{
	font-family: "lato", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #4C2E36;
    font-size: 4.5em;
}

h2{
	font-family: "lato", sans-serif;
    font-weight: 900;
    font-style: normal;
    color: #4C2E36;
    font-size: 3.8em;
    text-transform: inherit;
}

h3{
	font-family: "lato", sans-serif;
    font-weight: 900;
    font-style: normal;
    color: #4C2E36;
    font-size: 2.8em;
}

h4{
	font-family: "lato", sans-serif;
    font-weight: 900;
    font-style: normal;
    color: #4C2E36;
    font-size: 1.8em;
}

h5{
	font-family: "lato", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #4C2E36;
    font-size: 1.6em;
}

h6{
	font-family: "lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #4C2E36;
    font-size: 1.3em;
}

.req {
    color: #ee3a43;
}

form {
    background:#eee;
    padding:25px;
    border-radius: 10px;

}

/* Spacer styles */
.spacemargin {
    margin:70px 0;
}

.contentmargin {
    margin-top:50px;
}

blockquote {
    color: #421B2C;
    font-size: 1.2em;
    border: none;
}

/* Links and Buttons styles */

a, a:visited{
    text-decoration: none;
    color: #421B2C;
}
	
a:hover{
    color:#95A376;
    text-decoration: none;  
}

a.btn.btn-default, a.btn.btn-default:visited{
    background: #95A376;
    padding:5px 15px;
    font-family: "lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2em;
    color:#fff;

}

a.btn.btn-default:hover{
    background: #D6E4C5;
    color:#421B2C;


}

a.btn.btn-success, a.btn.btn-success:visited{

}

a.btn.btn-success:hover{

}

a.btn.btn-warning, a.btn.btn-warning:visited{

}

a.btn.btn-warning:hover{

}

a.btn.btn-primary, a.btn.btn-primary:visited {
    background: #421B2C;
    padding:5px 15px;
    font-family: "lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2em;
    color:#fff;
    border: none;
}

a.btn.btn-primary:hover{
 background: #D6E4C5;
    color:#421B2C;
}


.btn.btn-submit {
    background: #421B2C;
    padding:5px 15px;
    font-family: "lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2em;
    color:#fff;
    border: none;
    border-radius: 0;
}

.btn.btn-submit:hover{
 background: #D6E4C5;
    color:#421B2C;
}


/* Logo styles */
a.logo {
	position:relative;
	width: 200px;
	height: auto;
	margin:0 0 20px 0;
	display:block;
}


/* Thumbnail gallery styles */
ul a.fancybox-effects-c {
	margin:0px !important;
	padding:0px;
}

a.fancybox-effects-c {
	text-align:center;
}


a.fancybox-effects-c img {
	width:auto;
	margin:5px !important;
	border:3px solid #fff;
	-webkit-box-shadow: 0 0 7px 0 #3D3D3D;
	        box-shadow: 0 0 7px 0 #3D3D3D;
}

ul.thumbgallery {
	text-align:center;
}

/* Thumbnail slider styles */
#bx-pager {
    text-align: center;
}

#bx-pager a {
    margin: 0 3px;
}

#bx-pager a img {
    width: 20% !important;
    border: 1px solid #ccc;
    padding: 3px;
    -webkit-box-shadow: 1px 1px 7px lightgrey;
            box-shadow: 1px 1px 7px lightgrey;
}

/* Image styles */
img, video, canvas, iframe {
    max-width: 100% !important;
}
    
img {
    max-width: 100% !important;
    height:auto !important;
}

img.glow {
    -webkit-box-shadow: 0 0 10px 2px #ababab;
            box-shadow: 0 0 10px 2px #ababab;
    border:2px solid #fff;
}

.img-responsive {
    width:100% !important;
    height:auto !important;
}

img.polaroid {
    border:1px solid #fff;
	-webkit-box-shadow: 0 0 5px 5px #8C8C8C;
	        box-shadow: 0 0 5px 5px #8C8C8C;
	margin:15px 10px;
}

img.rounded {
    width:100%;
    height:auto;
	border-radius: 50%;
}

img.coupon {
    width:100% !important;
    height:auto !important;
	border:3px dashed #ee3a43;
	border-radius: 5px;
}

/* tinyMCE styles */
.ui-dialog {
    z-index:5000;
}

#adminEditDialog {
    width:100% !important;
}

/* Popup Alert styles */
#siteAlert {
    background: url(../images/alertBG.png) repeat;
	background-repeat: repeat;
    background-size: cover;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
}
.alertBox {
	vertical-align: middle;
	position:fixed;
	 position: fixed;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	width: 50%;
	height: auto;
	border-radius: 15px;
	padding: 20px;
	background: #fff;
	opacity: 1;
	z-index: 3;
}

a.alertClose {
	float:right;
	width:37px;
	height:37px;
	position:relative;
	margin: -15px -15px 0 0;
}

a.alertClose span {
	position:absolute;
	width:37px;
	height:37px;
    background: url(../images/alertClose.png);
}

.alertDismiss {
	background:#eee;
	padding:15px;
	text-align:center;
	margin:15px 0 0 0;
}

.alertDismiss a, .alertDismiss input#remember {
	margin: 5px;
}

/* Social Media styles */
ul.social {
    list-style: none;
    margin: 10px 0;
    padding: 0px;
    display: block;
}

ul.social li {
    float: left;
    display: inline;
}

ul.social li a{
	margin: 0 2px;
	font-size: .0001em;
	color: #003337;
	width: 32px;
	height: 32px;
	position: relative;
	display: block;
	}
	
ul.social li a span {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    
}

ul.social li a.twitter span, ul.social li a#twitter span {
    background: url(../images/twitter.png);
    background-repeat: no-repeat;
}
	
ul.social li a.linked_in span, ul.social li a#linked_in span {
    background: url(../images/linkedin.png);
    background-repeat: no-repeat;
}

ul.social li a.facebook span, ul.social li a#facebook span {
    background: url(../images/facebook.png);
    background-repeat: no-repeat;
}

ul.social li a.tumblr span, ul.social li a#tumblr span {
    background: url(../images/tumblr.png);
    background-repeat: no-repeat;
}

ul.social li a.gplus span, ul.social li a#gplus span {
    background: url(../images/gplus.png);
    background-repeat: no-repeat;
}

ul.social li a.instagram span, ul.social li a#instagram span {
    background: url(../images/instagram.png);
    background-repeat: no-repeat;
}

ul.social li a.pinterest span, ul.social li a#pinterest span {
    background: url(../images/pinterest.png);
    background-repeat: no-repeat;
}

ul.social li a.youtube span, ul.social li a#youtube span {
    background: url(../images/youtube.png);
    background-repeat: no-repeat;
}

/* Main Website styles */


/* Nav styles */

.navbar {
    padding:20px 0;
    background:#fff;
    border-radius: 0;
}

ul.navbar-nav {
    margin:0;
}

ul.navbar-nav li.nav-item a {
    font-family: "lato", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.2em;
    padding:10px 15px !important;
    color: #421B2C;
    text-decoration: none; 
    white-space: nowrap;
    display: block;
}

ul.navbar-nav li.nav-item a:hover {

    background: #ACB794
}

.navbar-nav ul.dropdown-menu {
    width:100%;
    box-shadow: none;
    border: none;
}

ul.navbar-nav ul.dropdown-menu li {
    margin: 0 0 0 15px;
}

/* Header styles */
header {
    margin-top:130px;
}


/* Hero styles */

.topcontent {
    margin: 160px 0 0;
}

.homehero {
    background-image: url(/sites/cetstech.com/assets/images/backgrounds/home-hero-bg.jpg);
    background-size: cover;
    background-position: center;
}

.solutionshero {
    background-image: url(/sites/cetstech.com/assets/images/backgrounds/solutions-hero-bg.jpg);
    background-size: cover;
    background-position: center;
}

.phytotronhero {
    background-image: url(/sites/cetstech.com/assets/images/backgrounds/phytotron-hero-bg.jpg   );
    background-size: cover;
    background-position: center;
}

.precisionhero {
    background-image: url(/sites/cetstech.com/assets/images/backgrounds/precision-bg.jpg);
    background-size: cover;
    background-position: center;
}

.machine {
    -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
}

img.hero-machine {
    margin:0;
}

.hero-card {
    margin:40px 0;
}

.hero-card h1 {
    font-size: 4em;
    font-weight: 700;
}

.hero-card p{
    font-size: 1.5em;
    color: #421B2C;
}

.hero-card h6 {
    color: #fff;
}


/* Breaker styles */
section#break {
    position: relative;
    display: block;
}
img.potato-break {
    float: left;
    position: absolute;
    top:-100px;
    left:-100px;
    width:550px;
    height: auto;
}

.potato-band {
       background-image: url(/sites/cetstech.com/assets/images/supporting/potatoe-border.jpg);
    background-size: cover;
    background-position: center;
    min-height: 250px;
}


/* Content Section styles */




#technology.spacemargin {
    margin: 200px 0 40px;
}

#history {
    min-height: 500px;
}

.growers {
    background-image: url(/sites/cetstech.com/assets/images/equipment/growers.jpg);
    background-size: cover;
    background-position: center;
    min-height: 300px;
}

.internalgrowing {
    background-image: url(/sites/cetstech.com/assets/images/supporting/growing-photo.jpg);
    background-size: cover;
    background-position: center;
    min-height: 300px;
}

.phytotrons {
    background-image: url(/sites/cetstech.com/assets/images/equipment/Phytotrons.jpg);
    background-size: cover;
    background-position: center;
    min-height: 300px;
}

.maroon {
    background: #421B2C;
    color: #fff;
    padding: 100px 50px;
}

.maroon h3 {
    color: #95A376;
}

.darkgreen {
    background: #95A376;
    color: #421B2C;
    padding: 100px 50px;
}

.darkgreen h3 {
    color: #421B2C;
}

.lightgreen {
     background: #D6E4C5;
    color: #421B2C;
    padding: 100px 50px;
}

.lightgreen h3 {
    color: #421B2C;
}


/* Footer styles */

footer {
    color: #fff;
    background: #421B2C;
    padding:50px 0;
}

footer a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1em;
}

footer a:hover {
    color: #95A376;
    text-decoration: none;
}

footer ul {
    margin:0;
}

/* XXXXXX styles */

/* TINY MCE styles */

#frontmenu .navbar {
    padding: 0 !important;
}

#frontmenu .nav.navbar-nav {
    list-style: none;
    display: inline-block;
}



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#bx-pager a img {
    width: 10% !important;
}

.alertBox {
	width: 50%;
}

.topcontent {
    margin: 200px 0 0;
}

.spacemargin {
    margin:200px 0;
}

header {
    margin-top:150px;
}


.navbar > .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.navbar-nav ul.dropdown-menu {
    width:auto;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

ul.navbar-nav ul.dropdown-menu li {
    margin: 0;
}

.hero-card {
    margin:100px 0;
}

.hero-card h1 {
    font-size: 5em;
}

.maroon {
    padding: 150px 75px;
}

footer ul {
    margin:20px 0;
}

}

/* Small devices (tablets, 992px and up) */
@media (min-width: 992px) {
.navbar > .container {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row; 
}

a.logo {
	width: 330px;
	margin:0px;
}

img.hero-machine {
    margin:80px 0 0;
}
#technology.spacemargin {
    margin: 250px 0 40px;
}
.maroon {
    padding: 200px 100px;
}

}
/* Small devices (tablets, 1200px and up) */
@media (min-width: 1200px) {

    .spacemargin {
    margin:100px 0;
}


.topcontent {
    margin: 250px 0 0;
}

}