/*
Theme Name: Clearly Child
Author: SiteOrigin
Author URI: http://siteorigin.com/
Theme URI: http://siteorigin.com/theme/clearly/
Description: Clearly is a clean business theme. It has a straight forward options panel, with just a handful of settings. Instead of drowning you with options, Clearly gives you tight integration with Page Builder. This means you can use Clearly to create anything from a single landing page to complex business website. We offer free support on our <a href="http://siteorigin.com/thread/">support forums</a> (http://siteorigin.com/thread/).
Version: 1.1
License: GNU General Public License 2.0
License URI: license.txt
Tags: responsive-layout, custom-background, custom-menu, featured-images, theme-options, threaded-comments, full-width-template, translation-ready, blue, dark, white
Template: clearly
*/

/*
----------------------------------------------------------------------------------------------------------------- */

@import url(//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900,100italic,300italic,400italic,500italic,700italic,900italic);

html, body, div, header, footer, section, article, nav {
display: block;
}

* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0;
}

img {
display: block;
max-width: 100%;
border: 0;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0 20px 20px 40px;
font-family: 'Roboto' , sans-serif;
font-weight: 700;
color: #0A8743;
word-break: keep-all;
}

.entry-content h1 {
width: 100%;
float: left;
display: block;
margin: 0 0 20px 0;
padding: 15px 10px 25px 40px;
font-family; 'Roboto' , sans-serif;
font-size: 26px;
line-height: 30px;
font-weight: 700;
color: #0A8743;
background-image: url('../../uploads/2015/06/h1bg.png');
background-position: top left;
background-repeat: no-repeat;
}

.entry-content h2 {
font-size: 22px;
line-height: 26px;
font-weight: 500;
}

.entry-content h3 {
font-size: 22px;
line-height: 26px;
font-weight: 500;
}

.entry-content h4 {
font-size: 18px;
line-height: 22px;
font-weight: 500;
color: #666666;
}

.entry-content h5 {
font-size: 16px;
line-height: 20px;
font-weight: 300;
}

.entry-content h6 {
font-size: 12px;
line-height: 16px;
font-weight: 500;
}

.entry-content p, .entry-content > ul, .entry-content > li, .entry-content > dl {
margin: 0;
}

.entry-content p {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0 20px 20px 40px;
font-family: 'Roboto' , sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 300;
color: #2a2a2a;
word-break: keep-all;
}

@media (min-width: 810px) {
.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6,
.entry-content p {
padding: 0 40px 20px 140px;
}}

.entry-content ul, .entry-content ol {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0 20px 0 60px;
}
@media (min-width: 810px) {
.entry-content ul, .entry-content ol {
padding: 0 40px 0 160px;
}}

.entry-content ul li, .entry-content ol li {
width: 100%;
float: left;
display: list-item;
margin: 0 0 0 10px;
padding: 0 0 20px 0;
font-family: 'Roboto' , sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 300;
color: #2a2a2a;
word-break: keep-all;
}

.entry-content ul li {
list-style: disc;
}

a {
font-size: 16px;
line-height: 20px;
font-weight: 300;
font-style: initial;
color: #0A8743;
text-decoration: none;
transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
word-break: keep-all;
}

a:hover {
color: #0A8743;
font-weight: 600;
}

body, body.custom-background {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0;
background-color: #0A8743;
background-image: url(../../uploads/2015/06/BG.jpg);
background-position: top left;
background-repeat: repeat-x;
font-family: 'Roboto' , sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 300;
color: #2a2a2a;
}

#masthead {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0 !important;
background: #2a2a2a;
border-bottom: 3px solid #0A8743;
overflow: visible;
position: relative;
z-index: 2;
}

@media (min-width: 720px) {
#masthead {
max-height: 60px;
}}

#masthead .head-wrap {
width: 100%;
max-width: 1200px;
display: block;
margin: 0 auto;
padding: 0;
}

#masthead .head-group {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0;
}

#masthead .hgroup {
width: 100% !important;
float: left !important;
display: block;
margin: 0;
padding: 20px 0;
overflow: visible;
background: #ffffff;
}

@media (min-width: 720px) {
#masthead .hgroup {
width: 25% !important;
padding: 15px 0 0 10px;
background: none;
}}

#masthead .hgroup .site-title, #masthead .hgroup .site-title a {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0;
overflow: visible;
text-align: center;
}

#masthead .hgroup .site-title a img {
width: initial !important;
height: auto !important;
margin: 0 auto;
}

#masthead nav {
width: 100% !important;
float: left !important;
display: block;
margin: 0;
padding: 0;
}

@media (min-width: 720px) {
#masthead nav {
width: 75% !important;
padding: 0 0 0 10px;
}}

.assistive-text {
display: none;
}

.menu-mainnav-container, .main-navigation ul {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0;
}

.main-navigation li {
position: relative;
width: 20%;
float: right;
display: block;
margin: 0;
padding: 0;
}

.main-navigation a {
width: 100%;
float: right;
display: block;
margin: 0 !important;
padding: 0;
font-family: 'Roboto' , sans-serif;
font-size: 12px;
line-height: 40px;
font-weight: 300;
color: #ffffff;
text-align: center;
text-decoration: none;
background: #2a2a2a;
transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}

@media (min-width: 720px) {
.main-navigation a {
font-size: 16px;
line-height: 57px;
}}

.main-navigation a:hover {
color: #ffffff;
background: #0A8743;
}

@media (max-width: 1200px) {
.main-navigation a {
font-size: 14px;
margin: 0 10px 0 20px;
}}

.main-navigation ul ul {
position: absolute;
width: 200px;
top: 100%;
left: 0;
display: block;
margin: 0;
padding: 0;
}

#top-slider {
display: none;
}

#page {
width: 100% !important;
float: left;
display: block;
margin: 0 !important;
padding: 0;
background: none;
position: relative;
z-index: 1;
box-shadow: none;
}

.container {
width: 100%;
display: block;
margin: 0 auto;
padding: 0;
}

#main {
width: 100%;
min-height: 100px;
float: left;
display: block;
margin: 0;
padding: 0 10px;
background: #ffffff;
border-left: 3px solid #dddddd;
border-right: 3px solid #dddddd;
}

#MainHead {
width: 100%;
min-height: 100px;
float: left;
display: block;
margin: 0;
padding: 0 0 15px 0;
}

a.apply {
width: 120px;
height: 60px;
float: right;
display: block;
margin: 0;
padding: 5px 10px 10px 10px;
border-radius: 0 0 120px 120px;
background: rgba(10,135,67,1);
font-family: 'Roboto' , sans-serif;
font-size: 13px;
line-height: 17px;
font-weight: 600;
text-align: center;
color: #ffffff;
text-decoration: none;
transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}

a.apply:hover {
background: rgba(10,135,67,0.65);
}

.social-span {
width: 100%;
float: right;
display: block;
margin: 0;
padding: 15px 0 0 0;
}

a.sm {
width: 20px;
height: 20px;
float: right;
display: block;
margin: 0 0 0 10px;
padding: 0;
opacity: 1;
transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}

a.sm:hover {
opacity: 0.65;
}

p.mission {
float: right;
display: block;
margin: 0;
padding: 0;
font-family; 'Roboto' , sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #0A8743;
text-align: right;
}

#primary {
width: 100% !important;
float: right !important;
display: block;
margin: 0 !important;
padding: 0 0 60px 0;
}

@media (min-width: 810px) {
#primary {
width: 80% !important;
padding: 0 0 60px 5px;
}}

.page-template-template-full-php #primary, .siteorigin-panels-home #primary {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0;
}

#content {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0;
}

@media (min-width: 810px) {
#content {
padding: 0 0 0 10px;
}}

.page .entry-content {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0;
}

.homegal {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0;
border: 1px solid #0A8743;
}

h1.galhead {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 30px 10px 10px 15px;
font-family; 'Roboto' , sans-serif;
font-size: 26px;
line-height: 30px;
font-weight: 200;
color: #ffffff;
background: #0A8743;
}

.galwrap {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 5px;
}

.galitem {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 5px;
}

@media (min-width: 810px) {
.galitem {
width: 33.333334%;
}}

#secondary {
width: 100% !important;
float: left;
display: block;
margin: 0 !important;
padding: 0;
}

@media (min-width: 810px) {
#secondary {
width: 20% !important;
}}

#secondary .widget {
width: 100%;
min-height: 40px;
float: left;
display: block;
margin: 0;
padding: 0;
border: 0;
}

.sbr {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0 15px 100px 15px;
background: #ededed;
}

h1.help-env {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 10px 0;
font-size: 36px;
line-height: 40px;
font-weight: 400;
font-style: italic;
color: #0A8743;
}

h1.help-env a {
font-size: 16px;
line-height: 20px;
font-weight: 300;
font-style: initial;
color: #0A8743;
text-decoration: none;
transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}

h1.help-env a:hover {
color: #0A8743;
font-weight: 600;
}

hr {
width: 100%;
height: 1px;
float: left;
display: block;
margin: 15px 0;
padding: 0;
color: #444444;
}

h1.erik {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 10px 0 0 0;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #0A8743;
}

h2.desc {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 16px;
font-weight: 300;
color: #0A8743;
}

h3.experience {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #0A8743;
}

#site-info {
display: none;
}

footer {
width: 100%;
float: left;
display: block;
margin: -60px 0 0 0;
padding: 0;
}

#footer-widgets {
width: 100%;
display: block;
margin: 0 auto;
padding: 0 !important;
zoom: initial;
background: none;
}

.textwidget, #footer-widgets aside.widget, #text-3 {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0;
}

.foot-con {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 10px;
background: #ededed;
border-radius: 50% 50% 0 0;
border-top: 3px solid #0A8743;
}

h1.foot-phone {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0;
font-family: 'Roboto' , sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #0A8743;
text-align: center;
}

#footer-widgets aside.widget a, a.foot-email {
width: 100%;
float: left;
display: block;
margin: 0 auto;
padding: 0;
font-family: 'Roboto' , sans-serif;
font-size: 12px;
line-height: 20px;
font-weight: 300;
color: #0A8743;
text-align: center;
text-decoration: none;
transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}

#footer-widgets aside.widget a:hover, a.foot-email:hover {
font-weight: 600;
}

.foot-divide {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 10px;
background: #0A8743;
border-left: 2px solid #dddddd;
border-right: 2px solid #dddddd;
}

.foot-copyright {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 20px 10px;
background: #ededed;
border-left: 3px solid #dddddd;
border-right: 3px solid #dddddd;
}

h1.foot {
width: 100%;
float: left;
display: block;
margin: 0;
padding: 0;
font-family: 'Roboto' , sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 600;
color: #0A8743;
text-align: center;
}