/* Magnify Theme by Sarah Evans Designs */ /* GENERAL AND REST STYLES */ html {height: auto;} body {margin:0; padding:0; font-weight: normal; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; } #magnify-container ul, #magnify-container li {line-height: 1.6em;} #magnify-container a img { border: none; } #magnify-container {height:100%; position: relative; background:#f1f1f1;} #magnify-container .clear {clear:both;} #magnify-container .main-container {padding:0.85em; padding-top:7em; } #magnify-container .main-block {margin-bottom:1.5em;} /* Adds bottom margin to each main-block */ #magnify-container .side-block {margin-bottom:1.5em;} /* Adds bottom margin to each side-block */ #magnify-container .footer-block {margin-bottom:1.5em;} /* Adds bottom margin to each footer-block */ #magnify-container .slider-container {margin-bottom:2em;} /* Adds bottom margin to slider */ /* HEADER STYLES */ #magnify-container .header-container { background:#343635; position: fixed; width:100%; z-index: 4; } #magnify-container .header-container .header { height:4.625em; } #magnify-container .header-container .header a:hover {border:0;} #magnify-container .header ul {float: right; list-style-type: none; margin:0; margin-top:-10px; } #magnify-container .logo-container {float:left; width:300px; } /* NAVIGATION STYLES */ #magnify-container .header .menu-button {display:none;} #magnify-container .header .navigation select { display: none; } #magnify-container .header ul {margin:auto; height:4.625em; } #magnify-container .header ul li {display: inline-block; border-top:0.25em solid #343635;font-size: 1em; margin: 0; float: left; position: relative; width: auto; color:#FFF; -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; -ms-transition: background 1s ease-in-out; -o-transition: background 1s ease-in-out; transition: background 1s ease-in-out; } #magnify-container .header ul li a {word-wrap:normal;text-decoration: none; font-family: 'Oswald', sans-serif; font-weight: 300; letter-spacing: 0.1em; border-bottom:0; padding:1.4em 1.4em; display: inline-block; text-transform: uppercase; } #magnify-container .header ul li.nav-path-selected { /* customize_Nav_Selected_Top */ border-color:#63bb1a; /* customize_Nav_Selected_Top */ } #magnify-container .header ul li.nav-path-selected ul li.nav-path-selected { background-color:#343635; } #magnify-container .header ul li.nav-path-selected ul li.nav-path-selected a {color:#FFF;} #magnify-container .header ul li:hover {background-color: #2c2e2d; visibility: inherit; /* fixes IE7 'sticky bug' */ } #magnify-container .header ul li.nav-path-selected:hover {background-color:#343635;} #magnify-container .header ul li.nav-path-selected ul li {border-color: #FFF;} #magnify-container .header ul li.nav-path-selected ul li.nav-path-selected:hover { cursor:none; color:#FFF; background:#343635;} #magnify-container .header ul li.nav-path-selected ul li.nav-path-selected:hover a { color:#FFF;} #magnify-container .header ul li a { margin:auto; height:100%; color:#FFF; -webkit-transition: color 1s ease-in-out; -moz-transition: color 1s ease-in-out; -ms-transition: color 1s ease-in-out; -o-transition: color 1s ease-in-out; transition: color 1s ease-in-out; } #magnify-container .header ul li.nav-selected a {/* customize_Nav_Link_Selected */ color:#6bbe00; /* customize_Nav_Link_Selected */} #magnify-container .header ul li.nav-selected a:hover {cursor: default;} #magnify-container .header ul li ul { position: absolute; height:auto; top: -999em; width: 180px; /* left offset of submenus need to match */} #magnify-container .header ul li ul li {border:0;} #magnify-container .header ul li ul li a {padding:0px; border:0; width:100%; } #magnify-container .header ul li.nav-selected ul li a {color:#FFF; } #magnify-container .header ul li:hover ul {background:#343635; width:auto; left: 0; top:4.4em; z-index: 300;} #magnify-container .header ul li ul li {border-top: 1px solid #f1f1f1; padding: 6px; width:100%} #magnify-container .header ul li ul li:hover {/* customize_Nav_Background_Hover */ background-color: #6bbe00; /* customize_Nav_Background_Hover */} #magnify-container .header ul li ul li a { margin-left:0; padding:6px 12px; font-size:15px; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; -ms-transition: 0.4s ease; transition: 0.4s ease; } #magnify-container .header ul li ul li:hover a { color:#FFF; margin-left:4px;} #magnify-container .header ul li ul li.nav-path-selected a:hover { cursor:default; margin-left:0px;} #magnify-container .blog-thumb { /* customize_Blog_List_Background */ background-color:#63bb1a; /* customize_Blog_List_Background */} /* FOOTER */ #magnify-container .footer {background:#343635; width:100%; color:#b3b3b3; padding-top:3em; margin-top:0.85em; } #magnify-container .footer ul {list-style: none; margin-top:1em;} #magnify-container .footer p, #magnify-container .footer li { color:#b3b3b3; font-size: 0.9em;} #magnify-container .footer a {color:#FFF; } #magnify-container .footer a:hover {color:#FFF; text-decoration: underline; } #magnify-container .footer a.cta-link:hover {margin-left:4px; color:#FFF; text-decoration: none;} #magnify-container .footer .footer-credits-wrapper {background:#2c2e2d; margin-top:0.85em; padding:0.85em 0;} #magnify-container .footer .footer-credits {text-align: center;} #magnify-container .footer .footer-credits p, #magnify-container .footer .footer-credits a {font-size:0.938em; font-family: 'Oswald', sans-serif; font-weight:300; letter-spacing: 0.1em; text-transform: uppercase; text-align:center; color:#717171;} /* SOCIAL ICONS - included in demo site */ #magnify-container .socialIcon {width:48px; height:48px; float:left; margin:0 18px 18px 0; background:#535353; -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; -ms-transition: background 1s ease-in-out; -o-transition: background 1s ease-in-out; transition: background 1s ease-in-out;} #magnify-container .socialIcon:hover {/* customize_Social_Hover */ background-color:#6bbe00; /* customize_Social_Hover */ } #magnify-container .socialTwitter {background-image: url(../img/layout/social-twitter.png); background-repeat: no-repeat;} #magnify-container .socialLinkedin {background-image: url(../img/layout/social-linkedin.png); background-repeat: no-repeat;} #magnify-container .socialFacebook {background-image: url(../img/layout/social-facebook.png); background-repeat: no-repeat;} #magnify-container .socialGoogle {background-image: url(../img/layout/social-google.png); background-repeat: no-repeat;} /* MEDIA QUERIES (Main structural styles are found in foundation.css) */ /* UNDER 947px STYLES */ @media only screen and (max-width: 947px) { #magnify-container .main-container {padding:0.9em; margin-top:0.85em; } #magnify-container .header-container { position:relative;} #magnify-container .header-container .header { height:auto; text-align: center;} #magnify-container .header-container .header a:hover {border:0;} #magnify-container .header ul {display: inline-block; float:none; margin:auto; list-style-type: none; border-top: 0 } #magnify-container .logo-container {float:none; margin:auto; text-align: center; } /* NAVIGATION STYLES */ #magnify-container .header ul {height:auto;} #magnify-container .header ul li {border-top:0; padding:0; margin:0;} #magnify-container .header ul li a { padding:12px 32px; font-size:16px; } #magnify-container .header ul li:hover ul { top: 49px;} #magnify-container .header ul li.nav-path-selected {border-top:0;} } /* UNDER 767px STYLES */ @media only screen and (max-width: 767px) { #magnify-container .header .navigation { display:none; padding:0;} #magnify-container .header ul li {width:100%; border-top:solid 1px #505050;} #magnify-container .header ul li a {width:100%;} #magnify-container .header ul li.nav-path-selected {border-top:solid 1px #505050;} #magnify-container .header ul li ul {display:none!important;} #magnify-container .footer .footer-bottom .footer-tag-line { text-align:left;} #magnify-container .logo-container {border-bottom: 0;} #magnify-container .header-container .header {border-bottom:0;} #magnify-container .footer p.footer-tag-line {text-align: right; } #magnify-container .header .menu-button { background: url(../img/layout/menu.png) #202120 center; display:block; float:right; position:absolute; right:0; top:0; padding: 0.85em; margin:0.85em; width:2.4em; vertical-align: middle; } } #magnify-container { font-family: 'Droid Sans', sans-serif; font-weight:400; color:#2c2e2d; word-wrap: break-word;} #magnify-container p {font-size: 0.95em; line-height: 1.6em; font-family: 'Droid Sans', sans-serif; font-weight: 400; margin:1em 0;} /* LINK STYLES */ #magnify-container a {/* customize_standard_links */ color:#6bbe00; /* customize_standard_links */ text-decoration: none;} #magnify-container a:hover { text-decoration: none; color:#444444;} #magnify-container a.cta-link { display: block; padding:6px 0; -webkit-transition: 0.4s ease;-moz-transition: 0.4s ease;-o-transition: 0.4s ease;-ms-transition: 0.4s ease;transition: 0.4s ease;} #magnify-container a.cta-link:hover {margin-left:4px; color:#282828;} #magnify-container a.cta-link:after {content: "\00a0 \2192";} /* LIST STYLES */ #magnify-container ul, #magnify-container ol {list-style:inside; margin:1em 0; padding:0;} #magnify-container ul {list-style-type:square; } #magnify-container ol {list-style-type:decimal; } /* HEADING STYLES */ #magnify-container h1, #magnify-container h2, #magnify-container h3, #magnify-container h4, #magnify-container h5 { padding:0 6px 0 0; font-family: 'Oswald', sans-serif; font-weight:300; letter-spacing: 0.1em; margin:0; color:#2c2e2d; line-height: 1.1; font-style: normal; text-rendering: optimizeLegibility; text-transform: uppercase; } #magnify-container h1 {font-size: 1.8em; } #magnify-container h2 {font-size: 1.6em; } #magnify-container h3 {font-size: 1.5em; } #magnify-container h4 {font-size: 1.3em; } #magnify-container h5 {font-size: 1em; } #magnify-container .block-surround { background:url(../img/layout/bg-headings-main.png) repeat-x center; width:100%;} #magnify-container .block-surround h1, #magnify-container .block-surround h2, #magnify-container .block-surround h3, #magnify-container .block-surround h4#magnify-container .block-surround h5 { padding:2px 6px 2px 0; background:#f1f1f1; display: inline-block;} /* FOOTER HEADING STYLES */ #magnify-container .footer h1, #magnify-container .footer h2, #magnify-container .footer h3, #magnify-container .footer h4, #magnify-container .footer h5 { color:#FFF; background:#343635;} /* Automatically included across all of c5 - use this file gingerly */ img.ccm-captcha-image {display: block} /* clear and pagination styles */ *.ccm-spacer {clear: both; font-size:1px; line-height:1px; } div.ccm-pagination { text-align:center; position: relative} div.ccm-pagination span.ccm-page-right {position: absolute; top: 0px; right: 0px; margin-right: 0px !important} div.ccm-pagination span.ccm-page-right span {margin-right: 0px} div.ccm-pagination span.ccm-page-left {position: absolute; top: 0px; left: 0px} div.ccm-pagination span {margin-right: 4px} .ccm-ui div.ccm-pagination span {margin-right: 0px;} /* Extra pagination styling to make code generated by C5 pagination helper look nice */ div.pagination ul strong, div.pagination ul span.ltgray { display:block; padding:0 14px; float:left; line-height:34px; border-right:1px solid #DDD; text-decoration:none; } /* Layout */ /* .ccm-layout .ccm-layout-cell{ overflow:hidden; } */ .ccm-layout-table .ccm-layout-col {float:left} .ccm-layout .first .ccm-layout-col-spacing { margin-left:0px !important } .ccm-layout .last .ccm-layout-col-spacing { margin-right:0px !important } /* global error styles */ .ccm-error {font-weight: bold; color: #f00} .ccm-required {font-weight: bold; color: #3975AD} div#ccm-overlay { position: fixed; z-index:99; top: 0px; left: 0px; background-color:#000; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; height:100%; width:100%; display: none; } .ccm-input-time-wrapper select {width: 55px !important; margin-right: 4px !important;} .ccm-input-date {width: 80px !important; margin-right: 4px !important;} /* PAGE LIST */ /* Template Sidebar Page list */ #magnify-container .ccm-page-list {margin-top:0.85em;} #magnify-container .page-list-title {font-size:16px; padding:12px 0; margin-bottom:2px; border-bottom: 1px solid #e1e1e1; } #magnify-container .page-list-title span { margin-right:12px;} #magnify-container .page-list-title a { padding-left:12px; -webkit-transition: 0.4s ease;-moz-transition: 0.4s ease;-o-transition: 0.4s ease;-ms-transition: 0.4s ease;transition: 0.4s ease;} #magnify-container .page-list-title a:hover {font-size:16px; border-bottom: 0; margin-left:4px;} /* Template Sidebar Date Archieve */ #magnify-container .date-archive-container {font-size:16px; margin-bottom:12px; } #magnify-container .date-archive-container ul {list-style: none;} #magnify-container .date-archive-container li {padding:6px 0;} #magnify-container .date-archive-container span {color:#d7d7d7; margin-right:12px;} #magnify-container .date-archive-container a {font-size:16px; -webkit-transition: 0.4s ease;-moz-transition: 0.4s ease;-o-transition: 0.4s ease;-ms-transition: 0.4s ease;transition: 0.4s ease;} #magnify-container .date-archive-container a:hover { border-bottom: 0; margin-left:4px;} /* BLOG STLYES */ #magnify-container .blog-item { float:left; line-height: 0; margin-bottom:0.85em; } #magnify-container .blog-thumb { float:left; position: relative; overflow:hidden; text-align: center; margin-bottom: 0.75em;} .lt-ie9 #magnify-container .blog-thumb { width:309px; height:192px;} /*sets width and height for ie8*/ #magnify-container .blog-thumb a {width:100%; height:100%; display:block;} #magnify-container .blog-thumb img { width:100%; opacity: 1; -ms-filter: "alpha(opacity=100)"; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } #magnify-container .blog-thumb:hover img { opacity: 0.1; -ms-filter: "alpha(opacity=10)"; -moz-transform: scale(1.06); -webkit-transform: scale(1.06); -o-transform: scale(1.06); -transform: scale(1.06);} #magnify-container .blog-thumb .cta-image-link { opacity:0; -ms-filter: "alpha(opacity=0)"; position: absolute; top:40%; width:100%; margin-bottom:0px; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } #magnify-container .blog-thumb .cta-image-link a {margin:0; color:#FFF; font-family: 'Oswald', sans-serif; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; font-size:1.35em;} #magnify-container .blog-thumb .cta-image-link a:hover {color:#FFF;} #magnify-container .blog-thumb:hover .cta-image-link {opacity: 1; -ms-filter: "alpha(opacity=100)"; top:35%;} /* CONTACT FORM */ div.contactform form div label { float:left; width:33%;height:25px;} div.contactform form div label .required {color: #f00;} div.contactform form div input { float:left; width:67%; border:1px solid #343635;height:25px; padding:0 4px;} div.contactform form div select { float:left; width:67% !important; border:1px solid #343635;height:25px;} div.contactform form div textarea { float:left; width:67%; border:1px solid #343635;padding:4px;} div.contactform form div:not(.clear) {margin-bottom:10px; width:100%; clear:both;min-height:25px;} div.contactform form div label.error {color:#f00;} div.contactform form div input.error, div.contactform form div textarea.error, div.contactform form div select.error {border:1px solid #f00;background-color:#FFD6D6;} div.contactform form div input.frmSubmit {background-color:#343635;float:right;margin-top:10px;width:33%;color:#fff;font-weight:bold;} #alert {background-color:#FFD6D6; padding:10px;margin-bottom:15px;} #alert a, #alert li {color:#f00; font-size:0.9em;line-height:1.2em; width:50%;} #alert li:nth-child(even) {float:right;} #alert li:nth-child(odd) {float:left;} #alert.alert-success {background-color:#cdf895;color:#6bbe00;} .footer-tag-line {display:none !important;}