/*=========================== start stylesheet ===========================*/
/** T.O.C.
 * 1.typography
 * 2.fonts
 * 3.colors
 * 4.global elements
 * 5.buttons
 * 6.links
 * 7.media queries (including the grid container max-width overwrite)

/* 1.typography
================================================== */
/*desktop*/
/*text selection*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');
@import url('http://fonts.googleapis.com/css?family=Lato:400,300&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');

::selection {background-color: #59CF98; color: #000;}
::-moz-selection {background-color: #59CF98; color: #000;}

/*line height*/
.lh-solid {line-height: 1em;}
.lh-loose {line-height: 1.75em;}

/*helful em converter = pxtoem.com */
body {font-size: 1em; line-height: 1.3; font-family: 'montserrat', serif; color: #081721; font-weight: 400; text-rendering: optimizeLegibility;}
h1,h2,h3,h4,h5,h6 {font-family: 'montserrat', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #081721; font-weight: 300; text-rendering: optimizeLegibility;}
h1, .heading1 	{font-size: 3.64em; font-weight: bold; line-height: 1.25;}
h2, .heading2 	{font-size: 3.240em; font-weight: bold; line-height: 1.25;}
.project-copy > h2:first-child {padding:0px 0 12px 0;}
.project-copy > h2 {padding:16px 0 12px 0;}
h3, .heading3 	{font-size: 2.750em; line-height: 1.5;}
h4, .heading4 	{font-size: 2.000em; line-height: 1.5;}
h5, .heading5 	{font-size: 1.500em; line-height: 1.5;}
h6, .heading6 	{font-size: 1.250em; line-height: 1.5;}
.copyLarge		{font-size: 1.250em; line-height: 1.5;}
.copySmall		{font-size: 1.125em; line-height: 1.5;}
.copySmaller	{font-size: 1em; 	 line-height: 1.5;}
p, figcaption, label {font-family: 'montserrat', sans-serif;}  

/* larger than tablet */
@media (max-width: 768px) {
/*fonts*/
h1, .heading1 	{font-size: 3.250em !important;}
h2, .heading2 	{font-size: 2.750em !important;}
h3, .heading3 	{font-size: 2.000em !important;}
h4, .heading4 	{font-size: 1.500em !important;}
h5, .heading5 	{font-size: 1.375em !important;}
h6, .heading6 	{font-size: 1.250em !important;}
.copyLarge		{font-size: 1.125em !important;}
.copySmall		{font-size: 1.000em !important;}
.copySmaller	{font-size: 0.875em !important;}
}

/* larger than mobile */
@media (max-width: 480px) {
/*fonts*/
h1, .heading1 	{font-size: 2.750em !important;}
h2, .heading2 	{font-size: 2.000em !important;}
h3, .heading3 	{font-size: 1.500em !important;}
h4, .heading4 	{font-size: 1.375em !important;}
h5, .heading5 	{font-size: 1.250em !important;}
h6, .heading6 	{font-size: 1.125em !important;}
.copyLarge		{font-size: 1.000em !important;}
.copySmall		{font-size: 0.875em !important;}
.copySmaller	{font-size: 0.813em !important;}
}

/* mobile */
@media (max-width: 400px) {
/*fonts*/
h1, .heading1 	{font-size: 2.375em !important;}
h2, .heading2 	{font-size: 1.500em !important;}
h3, .heading3 	{font-size: 1.375em !important;}
h4, .heading4 	{font-size: 1.250em !important;}
h5, .heading5 	{font-size: 1.125em !important;}
h6, .heading6 	{font-size: 1.000em !important;}
.copyLarge		{font-size: 0.875em !important;}
.copySmall		{font-size: 0.813em !important;}
.copySmaller	{font-size: 0.750em !important;}
}

/* 2.fonts
================================================== */
.lato{font-family: 'montserrat', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-weight: 300;}
.primary-font {font-family: 'montserrat', serif !important;}
.light {font-weight: 300;}
.normal {font-weight: 400;}
em {background-color: #F7D379; padding-left:5px; padding-right:5px; font-style: normal;}
strong, .bold {font-weight: 700; font-style: normal;}
.notice {color:#777777;}
.shadowLight {text-shadow:0px 1px rgba(255,255,255,0.5);}
.shadowDark {text-shadow:0px -1px rgba(0,0,0,0.5);}

/* 3.colors
================================================== */
.black{color:#000000;}
.black_bg{background:#000000; background-color:#000000;}

.lighter_gray_bg {background-color: #F5F5F5;}
.light_gray_bg, .light_grey_bg {background-color: #E6E6E6;}
.gray{color:#333333;}
.light-gray{color:#555555;}
.gray_bg{background:#333333; background-color:#333333;}

.white{color:#F5F5F5;}
.white_bg{background:#F5F5F5; background-color:#F5F5F5;}

.blue{color:#081721;}
.blue_bg{background:#081721; background-color:#081721;}
.blue_bdr{border-color:#081721;}

.green{color:#79CC9A;}
.green_bg{background:#79CC9A; background-color:#79CC9A;}
.green_bdr{border-color:#79CC9A;}
.dark_green{color:#439C72;}
.dark_green_bg{background:#439C72; background-color:#439C72;}
.dark_green_bdr{border-color:#439C72;}

.gold{color:#F7D379;}
.gold_bg{background:#F7DB92; background-color:#F7DB92;}
.dark_gold{color:#DEB857;}
.dark_gold_bg{background:#DEB857; background-color:#DEB857;}
.dark_gold_bdr{border-color:#DEB857 !important;}
.xdark_gold{color:#AF841A;}

/* 4.global elements
================================================== */
.shadow {box-shadow:0px 0px 10px rgba(0,0,0,0.5);  border:1px solid #FFF;}
.header-background {background-color: green;}
.callout {color: #AF841A;}
.tooltip {color: #AF841A; /*cursor: help;*/}
.divider {width:62px; border:2px solid #F7D379; height: 4px;}

#contactForm input, #contactForm textarea {font-family: 'montserrat', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#contactForm #email-error, #contactForm #name-error {color:#dc0064; display: inline-block; width: 100%; padding-top: 5px; padding-bottom: 5px;}


/* 5.buttons 
================================================== */
input.btn-primary, .btn-primary {background: #F35B05; max-width:90%; height: 60px; font-family: 'montserrat', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: .5px; font-size: 22px; font-weight: 300; color:#FFFFFF; text-transform: none; border:none; box-shadow: 0px 0px 16px rgba(0,6,0,0.16); transition: all 1s;}
input.btn-primary:hover, .btn-primary:hover {background: #F35B05 !important; color:#FFF !important; box-shadow: 0px 16px 32px rgba(0,6,0,0.33); transition:all 1s;}
input[disabled=disabled][type=submit],input[disabled=disabled][type=submit]:hover,input[disabled][type=submit],input[disabled][type=submit]:hover,input:disabled  {opacity: .5;; box-shadow: none; border:none; pointer-events: none;}
.btn-primary a {color: #FFF; line-height: 60px; display: block;}
.btn-primary a:hover {color: #FFF;}


.btn-secondary {font-size: 22px !important; font-weight: 300 !important; background-color: transparent; color:#FFFFFF !important; border-radius: 3 !important; text-transform: none !important;  border-width: 1px; border-style: solid; border-color: #CB4900; text-shadow:0px -1px 0px #CB4900; box-shadow: 0px 0px 8px rgba(0,0,0,0.35); height: 50px !important; max-width: 300px !important;}
.btn-secondary:hover {background-color: #CB4900 !important; border-color: #CB4900; text-shadow: none; box-shadow: none;}
.btn-secondary:active {background-color: #CB4900 !important; border-color: #CB4900; text-shadow: none; box-shadow: none;}
.btn-secondary:focus {color: #CB4900 !important; background-color: #CB4900 !important; text-shadow: 0px 1px 0px #F35B05; border-color: #CB4900; box-shadow: inset 0px 2px 5px #CB4900 !important;}

/* 6.links
================================================== */
a         {color: #F35B05; text-decoration: none;}
a:hover   {color: #F35B05;}
.navbar a:hover {color: #F35B05;}
/* a:visited {}
a:active  {} */

/* 5.buttons 
================================================== */
/* input.btn-primary, .btn-primary {background: linear-gradient(90deg, rgba(77,181,133,1) 0%, rgba(16,85,85,1) 100%); max-width:480px; height: 60px; font-family: 'montserrat', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: .5px; font-size: 22px; font-weight: 300; color:#FFFFFF; text-transform: none; border:none; box-shadow: 0px 0px 16px rgba(0,6,0,0.16); transition: all 1s;}
input.btn-primary:hover, .btn-primary:hover {background: linear-gradient(90deg, rgba(77,181,133,1) 0%, rgba(77,181,133,1) 100%) !important; color:#FFF !important; box-shadow: 0px 16px 32px rgba(0,6,0,0.33); transition:all 1s;} */
/* a.btn-primary {padding: 8px 42px 8px 42px; width: auto; letter-spacing: .5px;} */
/* input[type="submit"]:hover, input.btn-primary:hover, .btn-primary:hover {color: #FFFFFF; background: #59CF98 ; box-shadow: 0 0 24px 0 rgba(0,0,0,0.15); transition:all 4s; background-color: linear-gradient(90deg, rgba(77,181,133,1) 0%, rgba(77,181,133,1) 100%); !important;} */
/* input[type="submit"]:active, input.btn-primary:active, .btn-primary:active {transition:all 4s; background-color: linear-gradient(90deg, rgba(77,181,133,1) 0%, rgba(77,181,133,1) 100%); !important; border-color: #439C72; border-radius: 3 !important; text-shadow: none; box-shadow: none;} */
/* input[type="submit"]:focus, input.btn-primary:focus, .btn-primary:focus {color: #265942 !important; background-color: #439C72 !important; text-shadow: 0px 1px 0px #83D7A4; border-color: #265942; box-shadow: inset 0px 2px 5px #265942 !important;} */
/* input[disabled=disabled][type=submit],input[disabled=disabled][type=submit]:hover,input[disabled][type=submit],input[disabled][type=submit]:hover,input:disabled {color:#AF841A; background:#DEC583; border-color:#DEB857; opacity: 1; box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0); text-shadow:0px 1px rgba(255,255,255,0.5);} */
/* input[disabled=disabled][type=submit],input[disabled=disabled][type=submit]:hover,input[disabled][type=submit],input[disabled][type=submit]:hover,input:disabled  {opacity: .5;; box-shadow: none; border:none; pointer-events: none;} */
/* body.project .btn-primary:hover {color:#FFFFFF !important;} */
/* input.btn-primary, .btn-primary {max-width:320px;} */
/* .btn-primary a {color: #FFF; line-height: 60px; display: block;} */
/* input.btn-primary, .btn-primary {max-width:480px;}
.btn-primary a {color: #FFF; line-height: 60px; display: block;}
.btn-primary a:hover {color: #FFF;}


.btn-secondary {font-size: 22px !important; font-weight: 300 !important; background-color: transparent; color:#FFFFFF !important; border-radius: 3 !important; text-transform: none !important;  border-width: 1px; border-style: solid; border-color: #439C72; text-shadow:0px -1px 0px #439C72; box-shadow: 0px 0px 8px rgba(0,0,0,0.35); height: 50px !important; max-width: 300px !important;}
.btn-secondary:hover {background-color: #439C72 !important; border-color: #439C72; text-shadow: none; box-shadow: none;}
.btn-secondary:active {background-color: #439C72 !important; border-color: #439C72; text-shadow: none; box-shadow: none;}
.btn-secondary:focus {color: #265942 !important; background-color: #439C72 !important; text-shadow: 0px 1px 0px #83D7A4; border-color: #265942; box-shadow: inset 0px 2px 5px #265942 !important;} */

/* 6.links
================================================== */
/* a         {color: #4db585; text-decoration: none;}
a:hover   {color: #439C72;}
.navbar a:hover {color: #45a076;} */
/* a:visited {}
a:active  {} */

/* 7.media queries
================================================== */
/* Larger than Desktop HD */
/*@media (max-width: 1200px) {

}*/

/* Larger than desktop */
/*@media (max-width: 900px) {

}*/

/* Larger than tablet */
/*@media (max-width: 768px) {

}*/

/* Larger than phablet */
/*@media (max-width: 600px) {

}*/

/* Larger than mobile */
/*@media (max-width: 480px) {

}*/

/* mobile */
@media (min-width: 320px) {
  /*overwrite the max width for your grid container here*/
  .container {max-width: 1200px;} 
}