/* RESET
_____________________________________ */
/* http://meyerweb.com/eric/tools/css/reset/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,#footer,#header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline; }
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,#footer,#header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
table{ border-collapse:collapse; border-spacing:0; }

*, *:after, *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
}

/* TINYMCE in admin
--------------------------------------------------------- */
#tinymce { width: 1150px; padding: 10px !important; font-size: 1.4em; background-color: #eee; }

/* WYSIWYG TEXT STYLES
--------------------------------------------------------- */
html { font-family: 'Open Sans', sans-serif; font-size: 62.5%; }
body { font-family: 'Open Sans', sans-serif; font-size: 1.8em; }
.clear { clear: both; }
.left, .alignleft { float: left; }
.right, .alignright { float: right; }
.center, .aligncenter { text-align: center; margin: 0 auto; }
.justify { text-align: justify; }

.button { display: inline-block; height: auto; padding: 4px 15px 5px 15px; font-weight: normal; font-size: 0.95em; line-height: 1.6; text-align: center; cursor: pointer; border: 1px solid #111; border-radius: 3px; text-decoration: none; background: transparent; margin: 2px 0; text-decoration: none; }

h1 { font-weight: normal; font-size: 1.7em; margin: 0 0 5px 0; line-height: 1.4; font-family: "Quicksand", sans-serif; }
h2 { font-weight: normal; font-size: 2.05em; margin: 0 0 15px 0; line-height: 1.2; text-transform: uppercase; font-family: "Quicksand", sans-serif; }
h3 { font-weight: bold; font-size: 1.25em; margin: 0 0 18px 0; line-height: 1.4; }
h4, h5 { font-weight: bold; font-size: 1.0em; margin: 0 0 12px 0; line-height: 1.4; }
h6 { font-weight: normal; font-size: 1.0em; margin: 0 0 15px 0; line-height: 1.4; }
h1 em { opacity: 0.8; font-style: normal; }
p { padding: 0 0 25px 0; line-height: 1.6; }
ul, ol { padding: 0 0 25px 25px; line-height: 1.6; list-style: disc; }
ol { list-style: decimal; }
strong, input, button, .button { font-weight: bold; }
nav ul { list-style: none; }
em { font-style: italic; } 
a { color: #E0222B; text-decoration: none; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }
a:hover { text-decoration: underline; } 
img { border: 0; margin-top: 5px; margin-bottom: 15px; max-width: 100%; height: auto; }
figure { max-width: 100%; }
p img { vertical-align: middle; }
ul ul, ol ol { padding-bottom: 0; }
dl { clear: both; display: table; width: 100%; margin: 0 0 20px 0; }
dt, dd { padding: 0 0 10px 0; display: table-row; width: 48%; float: left; }
dd { width: 52%; }
dt { font-weight: bold; }
address { padding-bottom: 20px; }
sub { font-size: 0.7em; vertical-align: bottom; }
sup { font-size: 0.7em; vertical-align: top; }
pre { font-family: "Courier New"; padding-bottom: 12px; }
hr { clear: both; background: #fff; height: 1px; width: 80px; border: 0; margin: 2em 0; }

.clear { clear: both; }
.left, .alignleft { float: left; }
.right, .alignright { float: right; }
.center, .aligncenter { text-align: center; margin-left: auto; margin-right: auto; }
.justify { text-align: justify; }
.justifyleft { text-align: left; }
.justifyright { text-align: right; }
.hidden { display: none; }
.big, big { font-size: 110%; line-height: 1.5; }
.medium { font-size: 105%; }
.extrabig { font-size: 130%; line-height: 1.3; }
.megabig { font-size: 300%; line-height: 1.3; }
.small, small { font-size: 90%; line-height: 1.5; }
.extrasmall { font-size: 70%; }
h6 .small, h6 .big, .small h6, .big h6 { line-height: 1; }
.big i { font-size: 1.4em; font-weight: normal;  }
.extrabig i { font-size: 1.6em; font-weight: normal; }
.top-padding { padding-top: 8px; }
.side-padding { padding-left: 15%; padding-right: 15%; }
.smaller-padding { padding-bottom: 12px; }
.smaller-margin, .smaller-margin.underlined  { margin-bottom: 5px; }
.no-padding { padding-bottom: 0; }
.no-margin, .no-margin.underlined  { margin-bottom: 0; }
.p50 { float: left; width: 47%; padding: 0 3% 0 0; }
.underlined { display: inline-block; padding: 0 .5em 9px .5em; margin-bottom: 10px; border-bottom: 1px solid white; }
.letterspaced { letter-spacing: 0.2em; }
.ribbon { display: inline-block; background: url('imgs/ribbon.svg') no-repeat center top; height: auto; padding: .8% 4% 1.3% 4%; line-height: 0.5; text-align: center; background-size: 100% 100%; color: #57381b; white-space: nowrap; }
.arceddown, .arceddown-slightly { letter-spacing: 0.3em; white-space: nowrap;}
.arcedup, .arcedup-slightly { letter-spacing: 0.3em; white-space: nowrap; }
.inclined { -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); position: relative; bottom: 7px; white-space: nowrap; }
.swoosh { background: url('imgs/swoosh-top.svg') no-repeat center top; padding: 25px 0; position: relative; text-align: center; } 
.swoosh::after { content: ""; display: block; width: 100%; height: 38px; background: url('imgs/swoosh-bottom.svg') no-repeat center top; position: absolute; bottom: 0; }

#tinymce .gallery-item { width: auto; margin: 0; }
#tinymce .gallery-icon { width: auto; display: block; font-weight: normal; position: relative; }
#tinymce .gallery-caption, #tinymce .wp-caption-dd { display: none; }
#tinymce .wp-caption { background: none; border: 0; }
#tinymce .gallery dl { clear: none; display: block; }

img.left, .left > img, img.alignleft { margin: 5px 20px 20px 0; }
img.right, .right > img, img.alignright { margin: 5px 0 20px 20px; }
p.left, p.alignleft, div.alignleft { margin-right: 20px; }
p.right, p.alignright, div.alignright { margin-left: 20px; }
.center img { max-width: 100%; }
img.alignnone.size-full, .alignnone > img.size-full { max-width: 100%; }
#tinymce img.alignnone.size-full, #tinymce .alignnone > img.size-full, 
.gallery-caption img.alignnone.size-full, .gallery-caption .alignnone > img.size-full { margin: 0; max-width: 100%; }
.wp-caption.alignleft { margin-right: 2em; }
.wp-caption.alignright { margin-left: 2em; }
.wp-caption .wp-caption-text { margin-top: 0; }

table { width: 100%; margin: 0 0 1em 0; border-collapse: collapse; box-shadow: 0 0 1px 1px rgba(0,0,0,0.15); background: #E9E9E9; clear: both; color: #212121; }
table tfoot { background: #f3f3f3; }
table th { border-bottom: 1px solid #D6D6D6; text-align: center; padding: 15px; font-size: 1.1em; }
table td { border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; background: white; text-align: center; padding: 15px; vertical-align: middle; }
table tr:nth-child(odd) td { background: white; }
table tr:nth-child(even) td { background: #f3f3f3; }
table th.blue { background: #2351B4; color: white; }
table p { padding: 0; }
table input[type=submit], table input[type=button], table button, table .button { color: #212121; border-color: #212121; }
			
.button.grey { border-color: #9D9D9D !important; color: #9D9D9D; } 
.button.grey:hover, .button.grey:focus { color: white; background-color: #9D9D9D; }
.button.white { border-color: #fff !important; color: #fff; } 
.button.white:hover, .button.white:focus { color: #111; background-color: #fff; }
.button.blue { border-color: #2351B4 !important; color: #2351B4; } 
.button.blue:hover, .button.blue:focus { color: white; background-color: #2351B4; }
.button.darkblue { border-color: #214898 !important; color: #214898; } 
.button.darkblue:hover, .button.darkblue:focus { color: white; background-color: #214898; }
.button.green { border-color: #729221 !important; color: #729221; } 
.button.green:hover, .button.green:focus { color: white; background-color: #729221; }
.button.green2 { border-color: #4AA338 !important; color: #4AA338; } 
.button.green2:hover, .button.green2:focus { color: white; background-color: #4AA338; }
.button.red { border-color: #C94A2A !important; color: #C94A2A; } 
.button.red:hover, .button.red:focus { color: white; background-color: #C94A2A; }
.button.black { border-color: #111 !important; color:  #111; } 
.button.black:hover, .button.black:focus { color: white; background-color: #111; }		
.button.pink { border-color: #DA5C66 !important; color: #DA5C66; } 
.button.pink:hover, .button.pink:focus { color: white; background-color: #DA5C66; }		
.button.orange { border-color: #C96724 !important; color: #C96724; } 
.button.orange:hover, .button.orange:focus { color: white; background-color: #C96724; }	
.button.yellow { border-color: #F4FC39 !important; color: #F4FC39; } 
.button.yellow:hover, .button.yellow:focus { color: white; background-color: #F4FC39; }

.button.big, .big > .button { padding: 6px 25px 7px 25px; font-size: 1.2em;  }
.button.small, .small > .button { padding: 3px 10px 3px 10px; font-size: 0.85em; }

code { font-family: "Courier New", monospace;  }

ul.arrow li, ul.tick li, ul.user li, ul.plus li, ul.thumbs-up li, ul.ok li, ul.star li, ul.smiley li, ul.trophy li { list-style: none; position: relative; }
ul.arrow li::before, ul.tick li::before, ul.user li::before, ul.plus li::before, ul.thumbs-up li::before, ul.ok li::before, ul.star li::before, ul.smiley li::before, ul.trophy li::before { position: absolute; left: -25px; content: '\f054'; font-family: FontAwesome; color: #747474; font-size: 1.1em; font-weight: normal; }
ul.arrow li::before { content: '\f054'; color: #747474; }
ul.tick li::before { content: '\f00c'; color: #5EBC30; }
ul.user li::before { content: '\f007'; color: #0090EC; }
ul.plus li::before { content: '\f067'; color: #BF3D3F; }
ul.thumbs-up li::before { content: '\f164'; color: #FF8E00; }
ul.ok li::before { content: '\f058'; color: #5EBC30; }
ul.star li::before { content: '\f005'; color: #E7BE1C; }
ul.smiley li::before { content: '\f118'; color: #005D99; }
ul.trophy li::before { content: '\f091'; color: #E7BE1C; }

blockquote { background: #222; padding: 20px 25px 5px 25px; position: relative; clear: both; margin-bottom: 2em; color: white; }
blockquote::after { content: ""; width: 0; height: 0; display: block; border-style: solid; border-width: 15px 15px 0 0; color: #444;
border-color: #222 transparent transparent transparent; position: absolute;  bottom: -14px; left: 110px; }
cite { display: block; font-size: 0.9em; padding: 15px 0 0 0; }
.circle-image { display: inline-block; margin: 0 10px 0 3px; vertical-align: top; float: left; }
.circle-image img { width: 80px; height: 80px; border-radius: 40px; margin: 0 15px 35px 0; }

.notice { padding: 8px 10px 7px 55px !important; background: #F3F3AC; margin-bottom: 1em; position: relative; font-size: 0.95em;  color: #A39634; }
.notice p { padding: 0; }
.notice::before { display: block; width: 40px; height: 100%; position: absolute; top: 0; left: 0; content: '\f071'; font-family: FontAwesome; background: #E2D64C; color: #fff; font-size: 1.4em; font-weight: normal; text-align: center; line-height: 2; }
.error { background-color: #f9e5e6; color: #b3696c; }
.error::before { content: '\f057'; background: #b3696c; }
.success { background-color: #e3ebc6; color: #8fa442; }
.success::before { content: '\f058'; background: #8fa442; }
.info { background-color: #d8ecf5; color: #528da9; }
.info::before { content: '\f05a'; background: #528da9; }