/*how this file works...
*all styles apply to the editable area of tinymce. 
*IF an item starts with a "." then it gets pulled into the style selector dropdown menu in the tiny mce editor.
*If it does not, it only applies to the editable area itself.*/
/*


CONTENTS:
_____________________________________________________________
1. TinyMCE specific styles
2. Custom Button Styling 
3. Styles included within tinymce editor style selector
_____________________________________________________________


/* ================ 1. TinyMCE specific styles ================ */

/*format the body content of the tinymce editable area*/
body.mceContentBody {
    font-family: 'Avenir W01', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: rgba(57, 8, 0, 1);
    font-weight: 400;
    font-style: normal;
}

blockquote {
    margin-bottom: 25px;
    margin-top: 25px;
    font-size: 32px;
    line-height: 50px;
    text-align: left;
    text-indent: 16px;
    color: rgba(140, 138, 138, 1.00);
}

a:link {color: #007c88; text-decoration: none;}
a:hover, a:active {text-decoration: underline; color: #f48024;}

.intro a, p.intro-copy a, .contentdeck a {text-decoration: underline;}

.intro a:hover, p.intro-copy a:hover, .contentdeck a:hover {text-decoration: none;}








b, strong { }

p {
    text-indent: 0em;
  
    font-size: 17px;
    line-height: 27px;
    font-family: "Avenir W01", Arial, Helvetica, sans-serif;
    color: rgba(33, 37, 40, 1);
}

.intro-copy {
    text-indent: 0px;
    margin-bottom: 15px;
    line-height: 35px;
    font-size: 27px;
    letter-spacing: 0px;
    font-family: "Avenir W01", Arial, Helvetica, sans-serif;
    color: #007c88;
}

ul, ol {
    font-size: 16px;
    margin: 0px 0px 1em 0px;
    line-height: 31px;
}

li {
    
    font-size: 16px;
    line-height: 27px;
}

h1, h2, h3, h4, h5, h6 { font-family: 'Avenir W01', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

h1 {
    font-size: 50px;
    line-height: 56px;
    color: #007c88;
	font-weight:700;
	margin:2% 0 1%;
}

h2 {
    font-size: 36px;
	font-size: 2.25rem;
    line-height: normal;
    text-transform: none;
    color: #77942b;
	margin:4% 0 1%;
}

h3 {
    font-size: 32px;
	font-size: 2rem;
    line-height:39px;
	line-height:2.4375rem;
    color: #77942b;
	margin:2.33% 0 1%;
}

h4 {
    font-size: 27px;
	font-size: 1.6875rem;
    line-height: 36px;
	line-height: 2.25rem;
    color: #727f8a;
	margin:4% 0 1%;
}

h5 {
    font-size: 18px;
	font-size: 1.125rem;
	color: #007c88;
	margin:3% 0 1%;
}

h6 { 
	font-size:15px;
	font-size: 0.9375rem;
    color: #727f8a;
	margin:3% 0 1%;
	}
@media screen and (max-width: 640px) {


h1 {
    font-size: 32px;
	font-size:2rem;
    line-height: 38px;
	line-height: 2.375rem;
}

h2 {
    font-size: 32px;
	font-size: 2rem;
    line-height: normal;
   
}

h3 {
    font-size: 32px;
	font-size: 2rem;
    line-height:39px;
	line-height:2.4375rem;
  
}

h4 {
    font-size: 27px;
	font-size: 1.6875rem;
    line-height: 36px;
	line-height: 2.25rem;
   
}

h5 {
    font-size: 18px;
	font-size: 1.125rem;

}

h6 { 
	font-size:15px;
	font-size: 0.9375rem;

	}


.intro-copy {
    margin-bottom: 5px;
    line-height: 27px;
    font-size: 18px;
}



}
/* ================ 2. Custom Button Styling ================ */
/*these styles are here so that they are included on every page in the site and in the tinymce editor display*/

input[type=button], input[type=submit], a.button, a.button:link, a.button:visited, div.button a {
    font-family: 'Flux-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    border: solid 1px #007c88;
    background-color: #007c88;
    font-size: 20px;
    font-weight: normal;
    padding: 6px 10px 4px;
    border-radius: 0px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    opacity: 0.8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    max-width: 100%;
    display: inline-block;
}

input[type=button]:hover, input[type=submit]:hover, a.button:hover, div.button a:hover {
    border: solid 1px #439fa7;
    background-color: #fff;
    color: #007c88;
    cursor: pointer;
    opacity: 1;
    text-decoration: none !important;
	box-shadow:0 0 3px #444c53;
}

input[type=button]:active, input[type=submit]:active, a.button:active, div.button a:active {
    -moz-box-shadow: inset 1px 1px 5px #333;
    -webkit-box-shadow: inset 1px 1px 5px #333;
    box-shadow: inset 1px 1px 5px #333;
}

a.fancy-button, a.fancy-button:link, a.fancy-button:visited, a.fancybutton:link, a.fancybutton:link, a.fancybutton:visited, div.fancybutton a:link, div.fancybutton a:visited, div.fancy-button a:link, div.fancy-button a:visited, input.fancy-button {
    font-family: "Avenir W01", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 20px !important;
    background-color: #77942b;
    border: solid 1px #77942b;
    color: #fff !important;
    text-decoration: none;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    display: inline-block;
}



a.fancy-button:hover, a.fancybutton:hover, div.fancy-button a:hover, div.fancybutton a:hover, input.fancy-button:hover, a.mini-button:hover, a.minibutton:hover, div.mini-button a:hover, div.minibutton a:hover, input.mini-button:hover {
    color: #fff;
    background-color: #007c88;
    border: solid 1px #007c88;
	 text-decoration: none !important;
}








img.img_onethird { width: 30%; }

img.img_onehalf { width: 47%; }

img.img_twothirds { width: 63%; }

img.img_full { min-width: 100%; }

/* ================ 3. Styles included within tinymce editor style selector ================ */

/*must keep the "begin content" comment here or these styles will break*/
/*styles "brandfont" should be updated with the primary web font used for this site*/

/* BEGIN SELECTABLE STYLES */

.teal { color: #007c88 !important; }
.blue { color: #005880 !important; }
.green { color: #77942b !important; }
.orange { color: #f48024 !important; }

.dark {color:#00464f !important;}

.medium { color: #439fa7 !important; }

.lite { color: #ecf5f6 !important; }

.dark-alt { color: #727f8a !important; }

.med-alt { color: #aab2b8 !important; }

.lite-alt { color: #f2f3f4 !important; }


.red { color: #990000 !important; }

.huge { font-size: 2.5em; }

.large { font-size: 2em; }

.med { font-size: 1.5em; }

.small { font-size: 1em; }

.tiny { font-size: 0.8em; }


.bg-dark { background-color: #007c88 !important; }

.bg-med { background-color: #439fa7 !important; }

.bg-lite { background-color: #ecf5f6 !important; }

.bg-dark-alt { background-color: #727f8a !important; }

.bg-med-alt { background-color: #aab2b8 !important; }

.bg-lite-alt { background-color: #f2f3f4 !important; }

/* END SELECTABLE STYLES */