/*
Theme Name: Ellis
*/



/** === base styles === **/

body {
font-size: 16px;
font-family: canada-type-gibson, sans-serif; font-weight: 200;
padding: 0px 20px 0px 20px;
}

main {
background-image: linear-gradient(93deg, #4c93a8 9%, #b8dee0 70%);
}

.google-auto-placed {
display: none;
} 

.archive main, .single main {
background-image: linear-gradient(93deg, #308845 9%, #a9c7b0 56%);
}


.logo {
display: block;
width: 400px;
height: 124px;
margin: 30px 0px 20px 0px;
background-image: url(/wp-content/themes/ellis/img/logo.png);
}
.logo-burger {display: block;width: 400px;height: 124px;margin: 30px 0px 20px 0px;background-image: url(/wp-content/themes/ellis/img/logo-dark.png);}


.left-off-canvas-menu {
background-color: #fff;
color: #333333;
width: 50%;
padding-left: 50px;
}

@media only screen and (max-width: 40em) {
.left-off-canvas-menu {
width: 80%;
}

 }

.left-off-canvas-toggle {
position: absolute;
height: 43px;
width: 34px;
top: 20px;
right: 30px;
z-index: 9999;
background-image: url(/wp-content/themes/ellis/img/menu.png);
}
.exit-off-canvas {
height: 30px;
width: 30px;
color: #0c6a83;
font-size: 25px;
position: relative!important;
float: right;
top: 20px !important;
left: -10px !important;
}
.offcanvas-overlap .exit-off-canvas {
box-shadow: 0px 0 0px rgba(0, 0, 0, 0.5), 0px 0 0px rgba(0, 0, 0, 0.5);
}

.offcanvas-overlap .left-off-canvas-toggle {
display: none;
}

#menu-main-menu li {
width: 100%;
float: left;
clear: both;
font-size: 2rem;
line-height: 3rem;
font-family: "lust-display", serif;font-weight: 400;
}

#menu-main-menu li a:link, #menu-main-menu li a:visited, #menu-main-menu li a:hover, #menu-main-menu li a:active {
color: #333;
}

#menu-main-menu li a:hover, #menu-main-menu .current_page_parent a {
color: #0c6a83!important;
}

#menu-main-menu .current_page_parent .sub-menu li a {
color: #333!important;
}

#menu-main-menu .current_page_parent .sub-menu .current-menu-item a {
color: #0c6a83!important;
}

#menu-main-menu .sub-menu  {
padding-top: 10px;
}

#menu-main-menu .sub-menu li {
color: #333;
font-size: 0.8rem;
line-height: 1rem;
font-family: canada-type-gibson, sans-serif; font-weight: 200;
border-left: 1px solid #333;
padding: 0px 0px 0px 10px;
margin: 0px 0px 8px 30px;
display: block;
clear: both;
width: 100%;
}

.menu-main-menu-container {
display: block;
clear: both;
float: left;
padding-top: 50px;
}

.burger-footer {
padding: 20px 0px 0px 0px;
margin: 40px 0px 0px 0px;
border-top: 1px solid #333;
display: block;
clear: both;
width: 80%;
float: left;
font-size: 0.8rem;
}

.row {
  margin: 0 auto;
 max-width: 78.75rem; 
  width: 100%; 
  /** max-width: 80%; **/
  position: relative;
 }
 
.column, .columns {
  padding-left: 0rem;
  padding-right: 0rem;
  position: relative;
}

h1, h2, h3 {
font-family: "lust-display", serif;font-weight: 400;
margin-bottom: 1rem;
}

h1 {
color: #fff;
font-size: 4.188rem;
line-height: 5rem;
padding: 40px 0px 20px 0px;
}@media only screen and (max-width: 40em) {h1.sub {font-size: 2rem!important;line-height: 2rem!important;margin: 0px!important;padding: 0px 0px 20px 0px!important;}.logo, .logo-burger {width: 90%;background-size: 90%;background-repeat: no-repeat;margin-bottom: 0px;}.menu-main-menu-container {padding-top: 0px!important;}.home-box {height: auto!important;}#menu-main-menu li a{font-size: 1.5rem!important;line-height: 1.5rem!important;}#menu-main-menu li  .sub-menu a {font-size: 1rem!important;} }

.archive h1, .single h1 {
color: #fff;
}

h2 {
color: #0c6a83;
font-size: 1.7rem;
margin-top: 3rem;
line-height: 2rem;
}

.accordionButton h3 {
color: #0c6a83;
font-size: 1.2rem;
margin-top: 1rem;
line-height: 2rem;
cursor: pointer;
border-bottom: 1px dashed #4c93a8;
}

.accordionButton .lrg {
font-size: 2rem;
}

.accordionButton h3:after {
   content:  "\276f";
   padding-left: 20px;
   font-size: 0.9rem;
}

.on h3:after  {
content:  "\2212";
   padding-left: 20px;
}

h1 a, h2 a, h3 a {
border: 0px!important;
}
 
img {
width: auto;
}

ul {
margin: 0 0 25px 0 ;
}

ul.tags li{
line-height: 1.3rem;
}

ul li {
display: inline-block;
padding-bottom: 0.1rem;
}
ol li {
padding-bottom: 1rem;
}


p {
margin-bottom: 1.25rem;
}

em{
font-size: 1.40rem;
font-style: normal;
}

footer {
margin-top: 50px;
}

.sub-footer {
background-color: #fff;
color: #414141;
font-size: 0.7rem;
text-align: center;
padding: 10px 0px 10px 0px;
}

.footer-nav {
color: #fff;
font-size: 0.9rem;
text-align: left;
}

.footer-nav a {
color: #fff;
}

.footer-nav a:hover {
color: #008CBA;
}

.team-page .footer-nav a:hover{
color:#a4a4a4;
}

.footer-nav li {
padding-right: 20px;
}

.footer-inner {
border-top: 1px solid #fff;
padding: 10px 0px 30px 0px;
}

.footer-inner-left {
margin-right: 30px;
}

.footer-inner-right {
margin-left: 30px;
}

.footer-nav h3 {
color: #fff;
font-size: 1rem;
}


/** HOME PAGE **/

.home-box {
height: 250px;
}

.description {
color: #fff;
font-size: 1rem;
padding: 0px 40px 30px 30px;
border-left: 1px solid #5b6f74;
margin: 10px 0px 0px 10px;
font-weight: 400;
}
.home-box a {
color: #fff;
background-color: #1a8ead;
padding: 6px 10px;
display: block;
float: left;
margin: 0px 0px 20px 0px;
font-size: 0.7rem;
text-transform: uppercase;
}

/** LANDING PAGE **/

blockquote {
border-left: 1px solid #0c6a83;
margin-bottom: 2rem;
}

/*.team-page, blockquote{
border-left: 1px solid #a4a4a4;
}*/

.main-copy, blockquote, blockquote p {
color: #fff;
font-size: 1.3rem;
font-weight: 200;
}

h1.sub{
color:#ffffff;
font-size: 3.488rem;
line-height: 5rem;
padding: 40px 0px 20px 0px;
}


.main-copy ul {
margin-left: 30px;
}

.main-copy ul li {
display: list-item;
font-weight: 400;
}

.list ul li {
color: #0c6a83;
display: block;
clear: both;
font-size: 0.9rem;
line-height: 1.8rem;
font-weight: 200;
}

.list ul li a {
color: #0c6a83;
}

.list ul li a:hover {
color: #8b8e8f;
}

.list h3 {
color: #0c6a83;
font-size: 1.1rem;
font-family: canada-type-gibson, sans-serif;
border-bottom: 1px solid #fff;
margin-bottom: 20px;
font-weight: 400;
}

/** ===== media queries ==== **/

@media only screen and (max-width: 40em) { 
body {
font-size: 12px;
}
main {
padding: 10px;
}
.footer-inner-left {margin-right: 0px;margin-left: 30px;}
}


@media only screen and (max-width: 60em) { 

h1 {
font-size: 2rem;
line-height: 2rem;
}

}


/** news page **/


.news-list img, .news-detail img {
width: 100%;
}

.news-list article  {
padding: 10px 0px 10px 0px;
color: #fff;
font-size: 1rem;
font-family: canada-type-gibson, sans-serif; font-weight: 200; 
margin: 10px;
border-bottom: 1px solid #fff;
}

.news-list  {
margin: 10px;
padding-top: 10px;
}

.news-detail {
padding: 10px 0px 10px 0px;
color: #fff;
font-size: 1rem;
font-family: canada-type-gibson, sans-serif; font-weight: 200; 
margin: 10px;
border-bottom: 1px solid #fff;
margin-bottom: 200px;
}

.news-detail .meta {
clear: both;
padding: 10px 0px 10px 0px;
}

.news-detail {
padding-bottom: 10px;
}

.social {
padding-top: 20px;
font-weight: 200;
}

.social p a{
color:#fff;
}

.social img {
width: auto;
padding: 0px 5px 0px 5px;
}

.news-detail p {
padding: 0px 0px 20px 0px;
margin: 0 0 0 0;
font-weight: 200;
}

.news-detail p a:link {
color:#fff;
text-decoration:underline;
}

.news-list h1, .news-list article {
padding: 0;
margin: 0;
}

.news-detail h1 a{
color: #fff;
}


.news-list article h2, .news-detail h2 {
color: #fff;
font-size: 1.7rem;
font-family: canada-type-gibson, sans-serif; font-weight: 200;
}

.news-list article img {
padding-bottom: 10px;
}

.news-list article a:link, .news-list article a:visited, .news-list article a:hover, .news-list article a:active {
color:#fff;
text-decoration:underline;
font-size: 0.8rem;
}

.news-list article a.articleLink{
background-color: #155627;
color: #fff;
padding: 6px 10px;
text-decoration:none;
text-transform: uppercase;
font-size: 0.7rem;
}

.news-list article a.articleLink:hover{
color: #3e7f50;
}


.news-list article a:hover {
color: #155627;
}

.meta {
color: #155627;
font-size: 0.8rem;
padding: 20px 0px 10px 0px;
font-weight: 400;
}


.meta a, .meta a:visited, .meta a:hover, .meta a:active {
color: #155627!important;
text-decoration: none!important;
}

.meta a:hover {
color: #000!important;
}

.sidebar {
color: #fff;
font-size: 0.8rem;
font-family: canada-type-gibson, sans-serif; font-weight: 200; 
padding-bottom: 100px;
}

.sidebar a, .sidebar a:visited, .sidebar a:hover, .sidebar a:active {
color: #155627;
font-size: 0.8rem;
font-family: canada-type-gibson, sans-serif; font-weight: 400; 
}

.sidebar li {
display: block;
clear: both;
margin: 0px;
padding: 0px 0px 10px 0px;
line-height: 0.8rem;
}

.sidebar input {
float: left;
}


.sidebar p {
margin: 10px 0px 0px 0px;
padding: 0px;
}

.wpcf7-text  {
height: 30px!important;
line-height: 25px!important;
width: 70%!important;
background-color: #a4c8ad!important;
border: 1px solid #a4c8ad!important;
color: #333!important;
font-size: 0.8rem;!important;
font-family: canada-type-gibson, sans-serif !important; font-weight: 200;
}

.wpcf7-submit {
width: 25%;
background-color: #a4c8ad;
border: 1px solid #a4c8ad;
color: #333;
font-size: 0.8rem;
font-family: canada-type-gibson, sans-serif; font-weight: 200; 
text-align: center;
margin-left: 10px;
height: 30px!important;
}

.sidebar h2 {
color: #fff;
font-size: 1rem;
text-transform: uppercase;
font-family: canada-type-gibson, sans-serif; font-weight: 400; 
border-bottom: 1px solid #fff;
padding: 10px 0px 10px 0px;
margin: 10px 0px 10px 0px;
display: block;
clear: both;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}


/** team styles **/

.team-page main {
background-image: linear-gradient(93deg, #f4f7e8 9%, #f9faf4 56%);
}

.team-page h2, .team-page h1,  .team-page .main-copy,  .team-page blockquote, .team-page blockquote p, .team-page a, .team-page .footer-nav, .team-page .footer-nav h3, .team-page h3  {
color: #635d62;
}

.team-page .left-off-canvas-toggle{
background-image: url(/wp-content/themes/ellis/img/menu-dark.png);
}

.team-page .logo {
background-image: url(/wp-content/themes/ellis/img/logo-dark.png);
}

.team-page, blockquote, blockquote p{
font-size: 1rem;
}

.team-member {
padding: 10px;
color: #635d62;
text-align: center;
}

.team-member h3 {
font-size: 1.1rem;
text-align: center;
padding: 5px 0px 0px 0px!important;
line-height:1.1rem;
margin: 10px 0px 5px 0px;
}

.team-member p {
padding: 0px!important;
margin: 0px!important;
color: #635d62;
font-size: 0.7rem;
text-align: center;
}

.team-member a, .team-member a:visited, .team-member a:hover, .team-member a:active {
background-color: #635d62;
padding: 3px 10px 3px 10px;
display: inline-block;
color: #fff!important;
text-transform: uppercase;
font-size:0.7rem;
margin-top: 10px;
}

.team-member a:hover {
background-color: #453e44;
}

.tags li a {
display: block;
clear: both;
}