/* Ottumwa Chamber Master Styles */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

/* Basic Styles */
body { margin: 0; font-family: 'Open Sans', sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; background: #FFF; font-size: 14px; }
h1 { margin-top: 10px; color: #FA9A2A; line-height: normal; }
h2 { color: #666; line-height: normal; }
h3 { color: #FA9A2A; font-weight: 400; font-size: 20px; line-height: normal; }
h4 { font-size: 20px; line-height: 24px; border-bottom: 1px dotted #AAA; font-weight: 300; padding-bottom: 20px; color: #666; margin-top: 10px; margin-bottom: 22px; line-height: normal; }
h4 a { text-decoration: none; }
a, a:hover, a:active, a:visited { color: #FA9A2A; }
a:hover { text-decoration: none; }
img { border: 0; }

/* Header Styles */
#topContainer { background: #EEE; }
#header { width: 980px; margin: 0 auto; padding: 10px 0; }
#logo { float: left; height: 100px; width: 335px; text-align: center; color: #FFF; font-weight: 700; }
#logo img { height: 100px; width: auto; }
#topSearch { float: right; }
#topSearch input { -webkit-appearance: none;  float: right;  margin-top: 28px; height: 36px; border: 2px solid #FA9A2A; width: 200px; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 300; padding-left: 10px; color: #000; }
.slicknav_menu { display: none; }

/* Navigation Styles */
#navigation { width: 980px; height: 45px; margin: 0 auto; }
#navigation ul { list-style:none; position:relative; float:left; margin:0; padding:0 }
#navigation ul a { display:block; color:#FFF; text-decoration:none; font-size:14px; font-weight: 700; text-transform: uppercase; line-height:42px; padding-top: 2px; padding-bottom: 1px; width: 106px; text-align: center; background: #FA9A2A; }
#navigation ul a.homeLink { width: 47px; }
#navigation ul li { position:relative; float:left; border-right: 1px solid #EEE; }
#navigation ul li:hover a { background:#FFF; color: #7b7c81; }
#navigation ul ul { display:none; position:absolute; top:100%; left:0; background:#fff; padding:0; z-index: 1000; }
#navigation ul ul li { border-top: 1px solid #DDD; border-right: 1px solid #DDD; }
#navigation ul ul a { width: 199px; text-transform: none; height: auto;  line-height: 20px;  text-align: left; padding: 10px; font-size: 12px; font-weight: 400; }
#navigation ul ul a:hover { background: #7b7c81; color: #FFF; transition: color 0.1s linear, background-color 0.1s linear; -moz-transition: color 0.1s linear, background-color 0.1s linear; -webkit-transition: color 0.1s linear, background-color 0.1s linear; }
#navigation ul li:hover > ul { display:block; box-shadow: 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3); }
#social, #socialIcons { float: right; }
#socialIcons { font-size: 33px; }
#social a, #socialIcons a:visited { color: #FFF; border-left: 1px solid #EEE; }
#socialIcons a.facebook, #socialIcons a:visited.facebook { background-color: #3B5998; } 
#socialIcons a.instagram, #socialIcons a:visited.instagram { background-color: #DD2F71; }
#socialIcons a.facebook:active, #socialIcons a.facebook:hover { color: #3B5998; background-color: #FFF; }
#socialIcons a.instagram:active, #socialIcons a.instagram:hover { color: #DD2F71; background-color: #FFF; }
#socialIcons .fa-fw { width: 45px !important; }
#wxIcon, #wxTemp { float: right; background-color: #FA9A2A; color: #FFF; text-align: center; }
#wxTemp { font-size: 16px; font-weight: 700; padding-top: 12px; height: 33px; padding-left: 5px; width: 40px; }
#wxIcon { font-size: 24px; width: 45px; border-right: 1px solid #EEE; padding-top: 6px; height: 39px; }
ul.navDirectory { width: 600px !important; }
a.navDirectory { width: 179px !important; }

/* Core Content Styles */
#main { width: 960px; padding: 10px; margin: 0 auto; min-height: 500px; }
#main.content { line-height: 22px; }
#main.news li { margin-bottom: 15px; }
#googleMap iframe { width: 960px; height: 400px; border: 0; }
#faces { border-bottom: 1px dotted #CCC; margin-top: 20px; margin-bottom: 20px; }
#newsletter { width: 310px; margin-right: 10px; text-align: center; display: inline-block; margin-bottom: 30px; }
#newsletter.last { margin-right: 0; } 

/* Faces of the Chamber */
#facesC { width: 300px; height: 286px; display: inline-block; float: left; text-align: center; background: #CCC; padding: 5px; margin-right: 7.5px; margin-bottom: 22px; }
#facesC:hover { background: #FA9A2A; } 
#facesC img { width: 300px; height: auto; margin: 0 auto 5px; }
#facesC b { line-height: 30px; text-decoration: underline; }
#facesF { width: 470px; height: auto; display: inline-block; float: right; }
#facesF img { width: 470px; height: auto; margin: 0 auto 5px; }
img.secondary { width: 230px !important; margin-right: 10px !important; }
img.secondaryRight { width: 230px !important; margin-right: 0 !important; }
#facesText { width: 470px; float: left; }
#divider { width: 100%; margin: 22px 0; border-bottom: 1px dotted #CCC; }

/* Form Styles */
#main.form ol { margin: 0; padding: 0; list-style: none; }
#main.form label { float: left; text-align: right; margin: 2px; width: 180px; padding: 5px; }
#main.form input { width: 400px; border: 1px solid #666; margin: 5px 0; padding: 3px; font-size: 16px; font-family: 'Lato', sans-serif; }
#main select { width: 400px; border: 1px solid #666; margin: 6px 0; padding: 3px; font-size: 16px; font-family: 'Lato', sans-serif; }
#main.form textarea { width: 400px; border: 1px solid #666; margin: 5px 0;  padding: 3px; font-size: 16px; font-family: 'Lato', sans-serif; height: 250px; }
#main.form li { display: block; clear: both; }
#main.form input[type="submit"] { margin-left: 193px; font-size: 18px; font-family: 'Lato', sans-serif; padding: 8px 10px; border: 1px solid #666; }
#main.form form { margin: 20px 0; }
#main.form i { color: red; font-weight: 700; font-style:normal; border-bottom: 1px dotted red; }
#main.form iframe { height: auto; border: none; }
.g-recaptcha { margin-left: 193px; margin-bottom: 20px; }
#main.belowForm { min-height: 0 !important; margin-top: 0; padding-top: 0; }
#main.belowForm h3 { padding-top: 0; margin-top: 0; }

/* Event Styles */
#eventListing { border-bottom: 1px dotted #CCC; padding-bottom: 20px; margin-bottom: 20px; }
#eventListing b.dirDates { font-size: 12px; text-transform: uppercase; }
#eventListing b.eventTitle { font-size: 22px; color: #FA9A2A; }
#eventInfo { margin-top: 20px; }
b.eventFilesHeader { display: block; margin-top: 20px; }
#eventListing img { float: right; margin-left: 10px; margin-bottom: 10px; width: 300px; height: auto; }
ul.eventFiles li a i, #eventListing a i { text-decoration: none; margin-left: 5px; margin-right: 5px; }

/* Footer Styles */
#bottomContainer { background: #EEE; }
#footer { width: 976px; margin: 0 auto; font-size: 13px; line-height: 18px; }
#footer b { color: #000; }
#footer i { margin-right: 3px; }
#footer ul { margin: 5px 0 15px -15px; list-style-type: square; }
#footer li { margin-bottom: 3px; }
#footer b a { color: #000 !important; }
#footer a { color: #7B7C81; text-decoration: none; } 
#footer a:hover { text-decoration: underline; } 
#footerColumn { width: 220px; margin: 10px 0; padding: 0 10px; float: left; }

#creditContainer { background: #FA9A2A; } 
#credit { width: 960px; margin: 0 auto; color: #FFF; padding: 10px; font-size: 11px; }
#credit a { color: #FFF; text-decoration: none; }
#credit a:hover { color: #FFF; text-decoration: none; }
#creditNeapolitan { float: right; margin-top: -2px; } 

/* Forms */
#panelForm { width: 1000px; margin: 0 auto; max-width: calc(100% - 40px); }
.formHeader { margin: 50px 0 20px 200px; }
.formHeader h1 { font-size: 22px; font-weight: 400; margin: 0; }
.formBreadcrumbs { display: block; font-size: 13px; margin: 10px 0 0 0; }
.formBreadcrumbs a { color: #666; text-decoration: none; }
.formBreadcrumbs svg { margin: 0 5px; }
#panelForm a svg { margin: 0 0 0 5px; text-decoration: none; }
.ui-widget { font-family: 'Muli', sans-serif !important; }

.formFields input[type="text"], .formFields input[type="password"], .listFilter input { font-family: 'Muli', sans-serif; font-size: 14px; padding: 7px 10px; border: 2px solid #DDD; border-radius: 3px; width: calc(100% - 224px); margin: -8px 0 8px 0; }
.formFields select { font-family: 'Muli', sans-serif; font-size: 14px; padding: 6px; border: 2px solid #DDD; border-radius: 3px; width: calc(100% - 200px);  margin: -8px 0 8px 0; }
.formFields input[type="text"].halfWidth { width: calc((100% - 200px) / 2); }
.formFields input[type="text"].quarterWidth { width: calc((100% - 232px) / 4); }
.formFields input[type="submit"] { background: #666; border: 0; color: #FFF; font-family: 'Muli', sans-serif; width: 175px; margin: 30px 0 0 200px; padding: 15px 0; font-size: 18px; font-weight: 700; }
.formFields input[readonly] { background: #EEE; color: #666; }
#panelForm input[type="file"] { font-family: 'Muli', sans-serif; margin-bottom: 10px; }
#panelForm input::placeholder { color: #BBB; }
.checkboxGroup { margin-left: 200px; }
.formInfo { margin: 5px 0 0 206px; font-weight: 700; color: #AAA; font-size: 13px; font-style: italic; }
.formInstructions { text-align: center; font-weight: 700; padding-bottom: 30px; }
.required { color: #C00; }
#formDivider { margin: 30px 0 20px; border-bottom: 1px solid #CCC; }
.listFilter input { width: calc(100% - 24px); margin: 0 0 50px; }

#panelForm ol {margin: 0 auto; padding: 10px 0; list-style: none; }
#panelForm li { display: block; padding: 30px 0 0; clear: both; }
#panelForm label { float: left; text-align: right; width: 190px; padding: 0 10px 0 0; }

#panelForm textarea { height: 150px; width: calc(100% - 224px); font-family: 'Muli', sans-serif; font-size: 14px; padding: 7px 10px; border: 2px solid #DDD; border-radius: 3px; }
#cke_bio, #cke_content, #cke_text, #cke_announcements, #cke_details, #cke_text1, #cke_text2, #cke_text3, #cke_text4, #cke_text5, #cke_text6, #cke_text7, #cke_text8, #cke_text9, #cke_text10, #cke_jobDescription, #cke_description { margin-left: 200px; width: calc(100% - 204px); border: 2px solid #DDD; border-radius: 3px; }
#panelForm textarea#excerpt { height: 100px; }
#panelForm textarea.condensed { height: 50px; }