/*
Theme name: Lisa Wolcott
Description: Custom Theme
*/

/******* Lisa Wolcott WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }
.post { padding-bottom: 20px; }

.post h2 { font-size: 24px; }
.post ul { margin-left: 25px; }
.post ol { margin-left: 25px; }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /Lisa Wolcott WordPress CSS *******/
* { margin: 0; padding: 0; outline: 0; }

@font-face {
    font-family: 'Quicksand';
    src: url('fonts/quicksand-regular-webfont.eot');
    src: url('fonts/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quicksand-regular-webfont.woff') format('woff'),
         url('fonts/quicksand-regular-webfont.ttf') format('truetype'),
         url('fonts/quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QuicksandBold';
    src: url('fonts/quicksand-bold-webfont.eot');
    src: url('fonts/quicksand-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quicksand-bold-webfont.woff') format('woff'),
         url('fonts/quicksand-bold-webfont.ttf') format('truetype'),
         url('fonts/quicksand-bold-webfont.svg#quicksandbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 18px;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #2c2927;
    background: #d8d6c9 url(images/dandelions-top.png) no-repeat center 0;
    
}

a { color: #125970; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }	

h1 { font-family: 'Quicksand', arial, helvetica, sans-serif; font-weight: normal; font-size: 30px; line-height: 33px; color: #8d7f76; text-transform: uppercase; }
h2 { font-family: 'QuicksandBold', arial, helvetica, sans-serif; font-size: 16px; line-height: 19px; color: #125970; font-weight: normal; }
h3 { font-family: 'QuicksandBold', arial, helvetica, sans-serif; font-size: 20px; line-height: 23px; color: #125970; font-weight: normal; }
h4#logo { font-size: 0; line-height: 0; width: 534px; position: absolute; top: 54px; left: 21px; }
h4#logo a { display: block; height: 54px; text-indent: -4000px; background: url(images/logo.png); }
h4 { font-size: 14px; line-height: 17px; }
h5 { font-size: 12px; line-height: 15px; }
h6 { font-size: 11px; line-height: 14px; }

h3 a { color: #125970; }

.entry p { padding-bottom: 10px; }
.entry .box ul { padding: 0px; }
.entry .box ul li { text-indent: 0px; }
.entry ul { padding: 0 0 10px 25px; }
.entry ul ul { padding-bottom: 0; }
.entry ol { padding: 0 0 10px 30px; }
.entry blockquote { padding: 0 10px 10px 10px; font-style: italic; }
.entry img.alignleft { margin: 0 10px 5px 0; }
.entry img.alignright { margin: 0 0 5px 10px; }
.content h2.pagetitle { font-size: 24px; padding-bottom: 30px;  }

.shell { max-width: 950px; margin: 0 auto; }


#header { position: relative; min-height: 208px; }

#navigation { min-height: 57px; max-width: 950px; width: 100%;  position: absolute; top: 129px; left: 0; background: #d7dfe1; font-family: 'Quicksand', arial, helvetica, sans-serif; font-size: 19px; line-height: 57px; text-transform: uppercase; padding-top: 1px; z-index: 1; }
#navigation.fixed { position: fixed; top:0;  left: 50%; margin-left: -475px; z-index: 9; }
#navigation ul { list-style-type: none; list-style-position: outside; position: relative; z-index: 10; visibility: visible; opacity: 1;  }
#navigation ul li { float: left; display: inline; padding: 0 21px 0 19px; background: url(images/nav-divider.png) no-repeat right center; }
#navigation ul li.last { background: transparent; }
#navigation ul li.current_page_item,
#navigation ul li a:hover { font-family: 'QuicksandBold', arial, helvetica, sans-serif; text-decoration: none; }
#navigation ul li a { color: #125970; }

span.dandelions { height: 109px; width: 392px; background: url(images/dandelions-bottom.png) no-repeat 0 0; position: absolute; top: 0; right: -19px; z-index: 9; }

.container { background: url(images/container-bg.png) repeat 0 0; padding: 32px 80px 25px 18px; position: relative; z-index: 2; }

a.top-btn { font-family: 'QuicksandBold', arial, helvetica, sans-serif; font-size: 14px; line-height: 17px; color: #fff; padding: 8px 14px 8px 14px; background: #adbbb6; position: absolute; top: 0; right: 38px; z-index: 8;  }
a.top-btn:hover { text-decoration: none; background: #c6d3ce; }

.main { padding: 0 0 43px 35px; }

#sidebar { width: 170px; float: left; display: inline; font-family: 'Quicksand', arial, helvetica, sans-serif; font-size: 16px; line-height: 20px; padding-top: 53px; }
#sidebar ul { list-style: none; list-style-position: outside; }
#sidebar .widget { padding-bottom: 20px; }
#sidebar .widget a { color: #125970; }
#sidebar .widget h2 { padding-bottom: 9px; text-transform: uppercase; }
#sidebar .widget h2.archive_title { color: #61493d; }
#sidebar .widget h2 a { color: #61493d; }
#sidebar .widget ul ul { padding-bottom: 8px; font-size: 12px; line-height: 18px; }
#sidebar .widget ul ul li h2 { padding-bottom: 1px; text-transform: none; }
#sidebar .widget ul ul li h2 a { color: #125970; }
#sidebar ul { list-style-type: none; }

.content { width: 487px; float: right; display: inline; padding-right: 142px; }
.content h1 { padding-bottom: 17px; }
.content h2 { padding-bottom: 11px; }
.content h3 { padding-bottom: 10px; }
.content p { padding-bottom: 10px; }
.content p.last { padding-bottom: 0; }

/*blog-page*/
.blog p { padding-bottom: 11px; }
.blog h5 { padding-bottom: 12px; }

p.date { color: #125970; font-family: 'Quicksand', arial, helvetica, sans-serif; font-size: 14px; line-height: 18px; padding-bottom: 0; padding-bottom: 4px; }

a.share-link { padding-left: 42px; font-family: 'QuicksandBold', arial, helvetica, sans-serif; font-size: 14px; line-height: 29px; color: #61493d; background: url(images/share-ico.png) no-repeat 0 0; float: left; display: inline; }
.stButton { position: relative; width: 80px;}
span.share-span { font-family: 'QuicksandBold', arial, helvetica, sans-serif; font-size: 14px; line-height: 29px; color: #61493d; margin-left: 10px; }
span.share-span { position: absolute; right: -30px;}

/*home-page*/
.slider { position: relative;  }

.flexslider-controls { position: absolute; bottom: 16px; right: 30px;   }
.flexslider-controls li { float: left; margin-right: 6px;  }
.flexslider-controls a { display: inline-block; height: 7px; width: 7px; border-radius: 50%; background-color: #b2c2c6;  }
.flexslider-controls a.flex-active  { background-color: #2c6b7f;  }
.slides { list-style-type: none;  }

.slide { background-color: #eeeeee; box-shadow: 0 5px 8px rgba(6,6,6,.2); }
.slide:after { content:'';display: table; clear: both;  }
.slide .slide-image { width: 43.6%; float: left; position: relative;  }
.slide .slide-image:after  { content:'';position: absolute; top: 19%; right: 0; border-style: solid;
border-width: 18.5px 19px 18.5px 0; border-color: transparent #eeeeee transparent transparent; display: inline-block;  }
.slide .slide-image img { width: 100%; height: auto;  }
.slide .slide-content { width: 55%; float: right; padding: 47px 30px 20px 7px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;         box-sizing: border-box;  }
.slide .slide-content > a { font: 16px/1.13 'QuicksandBold',Arial,helvetica,sans-serif; color: #2c6b7f; text-transform: lowercase; padding-top: 6px; display: inline-block; padding-left: 3px;  }

.slide h2 { font: 30px/1.73 'Quicksand',arial,helvetica,sans-serif; color: #61493d; text-transform: uppercase;  padding-bottom: 4px;   }
.slide h2 a { color: inherit;  }
.slide h2 a:hover { text-decoration: underline;  }

/*  list-wellness  */

.slide-content ul { list-style-type: none ; font: 12px/1.5 'Verdana',sans-serif; color: #2c2927; }
.slide-content ul li { padding-bottom: 10px; padding-left: 5px;  }
.slide-content ul li:before { content:''; display: inline-block; border-radius: 50%; background-color: #000; height: 5px; width: 5px; margin-top: -3px; vertical-align: middle;  margin-left: 5px;  }

/*  section-posts  */

.section h3.section-title { font: 20px/1.4 'Quicksand',sans-serif; color: #61493d; text-transform: uppercase; float: left;   }

.section .section-head { padding-bottom: 13px;  }
.section .section-content:after,
.section .section-head:after { content:''; display: table; clear: both;  }

.section .section-head  a { font: 14px/2 'QuicksandBold',Arial,helvetica,sans-serif; color: #2c6b7f; text-transform: lowercase; float: right;   }

/*  cols  */

.col { float: left;  }
.col-1of3 { width: 31.4%; margin-right: 2.9%;  }
.col-1of3:last-child { margin-right: 0;  }
.col-size3 { width: 23%;  }
.col-size2 { width: 33%; margin-right: 7.4%;   }
.col-size1 { width: 36.5%;  }

/*  widget_post  */

.widget_post  img { margin-bottom: 8px; width: 100%; height: auto;  }
.widget_post a:hover img { opacity: .8;  }
.widget_post h4 { font: 17px/1.24 'QuicksandBold',Arial,helvetica,sans-serif; color: #2c6b7f;   }
.widget_post h4 a { color: inherit;  }
.widget_post span { font-size: 13px; line-height: 2; color: #82736c;  font-family: 'Quicksand',arial,helvetica,sans-serif;  }
.widget_post p { font: 12px/1.5 Verdana,Arial,helvetica,sans-serif; color: #82736c; padding-bottom: 8px;   }
.link-more { font: 14px/1.29 'QuicksandBold',Arial,Helvetica,sans-serif; color: #2c6b7f;   }


div.home { padding: 22px 21px 0 23px;   }
div.home .main { padding-left: 0; }
div.home .content { width: 427px; padding-right: 62px; }
div.home .content h1 { padding-bottom: 13px; }
div.home .entry { padding-bottom: 9px; }
.entry ul { list-style: none; list-style-position: outside; padding-left: 4px; }
.entry ul li { text-indent: 11px; background: url(images/black-dot.png) no-repeat 1px 8px; padding-bottom: 10px; }
.entry .box ul li { background: none; }
.entry ul li.last { padding-bottom: 0; }

a.more-link { color: #2c2927; font-family: 'QuicksandBold', arial, helvetica, sans-serif; font-size: 16px; line-height: 18px; padding-left: 3px; }

.box { width: 398px; padding: 15px 19px 17px 19px; background: #c0b7b1; position: relative; margin: 21px 0 0 -16px; font-family: 'QuicksandBold', arial, helvetica, sans-serif; font-size: 15px; line-height: 18px; }
.box ul { list-style: none; list-style-position: outside; }
.box ul li { padding-bottom: 6px;  }
.box ul li a { color: #034e6c; padding-left: 12px; background: url(images/blue-dot.png) no-repeat 2px 6px; border-bottom: 1px solid #61828e; }
.box ul li a:hover { text-decoration: none; border-bottom: 0; }
.box ul li { list-style-type: none;}

#footer { color: #125970; font-family: 'Quicksand', arial, helvetica, sans-serif; font-size: 15px; line-height: 18px; padding: 20px 20px 10px; margin-top: 19px; background-color: #d7dfe1; margin-bottom: 30px; position: relative; }
#footer p span { padding-right: 10px; margin-right: 8px; background: url(images/footer-divider.png) no-repeat right 1px; }
#footer h5 { font: 19px/1.47 'Quicksand',Arial,helvetica,sans-serif; text-transform: uppercase; padding-bottom: 7px;  }

#footer .widgets:after { content: ''; display: table; clear: both; line-height: 0; }
#footer .certificate { position: absolute; bottom: 10px; right: 20px; }
#footer .widgets #carbon_richtext-2 div { padding: 20px; position: relative; }
#footer .widgets #carbon_richtext-2 div .box-anchor { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: background .2s; }
#footer .widgets #carbon_richtext-2 div .box-anchor:hover { background: rgba(255,255,255,.1); }

/*  contacts  */

.contacts { font: 15px/1.35 'Quicksand',Arial,helvetica,sans-serif;   }
.contacts strong { font-family: 'QuicksandBold',arial,helvetica,sans-serif;  }

/*  socials  */

.socials ul { list-style-type: none;  }
.socials ul:after { content:''; display: table; clear: both;  }
.socials li { float: left; margin-right: 13px;  }
.socials li:last-child  { margin-right: 0;  }
.socials a:hover  { opacity: .8;  }

/*  events  */

.events { list-style-type: none;  }

.event { margin-bottom: 9px;  }
.event:after { content:''; display: table; clear: both;  }

.event .event-date { float: left; width: auto; margin-right: 10px; margin-bottom: 10px;  }
.event .event-date p { font: 18px/1.17 'Quicksand',Arial,helvetica,sans-serif; text-transform: uppercase; color: #2c6b7f; text-align: center; background-color: #fff; padding: 5px;  }
.event .event-date span { font: 12px/1.75 'QuicksandBold',Arial,helvetica,sans-serif; text-transform: uppercase; text-align: center; color: #fff; background-color: #adbbb6; display: inline-block; width: 100%;  }
.event .event-content h6 { font: 15px/1.33 'QuicksandBold',Arial,helvetica,sans-serif;  }
.event .event-content h6 a { color: inherit; text-decoration: underline;  }
.event .event-content h6 a:hover { text-decoration: none;  }
.event .event-content p { font: 13px/1.54 'Quicksand',Arial,helvetica,sans-serif;  }
/* Comments */

div#respond { position: relative; margin-bottom: 50px; }
.commentlist { padding: 30px 0 10px 0; list-style-type: none; font-family: Tahoma; border-top: 1px solid #488580 } 
.commentlist a, #commentform a{ color: #488580; }
.commentlist li.comment { padding: 0 0 10px 0px; border-bottom: 1px solid #488580; margin:0px 0px 20px 0px; position: relative; }
.comment-meta { position: absolute; bottom:0px; right:20px;}

.author-image { float: left; width: 50px; }
.author-info { font-family: 'BookmaniaBoldItalic', 'Myriad Pro', Arial, sans-serif; }
.comment-text { float: left; padding-left: 10px; width: 500px; }
#leave_comment { position: absolute; color: #488580; right: 20px; top: 300px;}
#reply-title { font-size: 20px; font-family: Arial; }
#commentform p { margin-top: 10px; }
#commentform input, #commentform textarea { padding: 5px; }
input#author { margin-right: 1px; }
#commentform label, #commentform span, #url { display: none; }
#commentform input[type=text] { float: left; width: 227px; height: 27px; }
textarea#comment { width: 475px; margin-top: 10px; padding: 5px; height: 100px; margin-bottom: 3px; }
.comment-form-comment label { position: absolute; }
input#submit { position: absolute; bottom: -25px; left: 0px; padding: 8px; text-transform: uppercase;}
h4#no-comments-message { padding: 10px 0;}

.comment-form .form-submit { margin-top: 0px!important; }
.comment-form .field { display: inline-block; }
.comment-form .field:after { content: ''; display: table; clear: both; line-height: 0; }

.comment-form .gglcptch { margin-bottom: 3px!important; }

.vcard img { float:left; border: solid 1px #DFDFDF; padding:1px; }

/*  burger-menu  */

.btn-menu { display: none; height: 9px; padding-top: 11px; padding-left: 15px;  }
.btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #000; }
    
.btn-menu span:before,
.btn-menu span:after { position: absolute; width: 100%; height: 3px; background: #000; left: 0;  content: ''; }

.btn-menu span:before { top: -9px; }
.btn-menu span:after { top: 3px; }

.btn-menu span:before,
.btn-menu span:after,
.btn-menu span { 
    -webkit-transition: all .3s linear; 
            transition: all .3s linear; 
 }

.btn-menu.active span { border-color: transparent; }
.btn-menu.active span:before,
.btn-menu.active span:after { background: #e70000; }

.btn-menu.active span:before { 
-webkit-transform: rotate(45deg) translate(2.5px, 6px);
        transform: rotate(45deg) translate(2.5px, 6px);

}
.btn-menu.active span:after { 
-webkit-transform: rotate(-45deg) translate(2.5px, -6px);
        transform: rotate(-45deg) translate(2.5px, -6px); 
}

@media(max-width: 1024px){
    .shell { padding: 0 25px;  }

    body { background-image: none;  }
    span.dandelions { display: none;  }
    #navigation.fixed { width: auto; margin: 0; left: 25px; right: 25px;   }

    #sidebar { float: none; width: 100%; padding: 25px 0 0 0 ; display: block;   }
    .content { padding: 15px 0 0 0; width: 100%; display: block; float: none;  }
    .content iframe { width: 100%; height: auto;  }
    .content ul { padding-left: 25px;  }
    .container { padding: 15px;  }
    .main { padding: 15px 0;  }
}

@media(max-width: 920px){
    #navigation { font-size: 15px;  }
}

@media(max-width: 767px){
    .btn-menu { display: inline-block; padding-top: 15px;  }
    #header { min-height: 180px; z-index: 9;  }
    #navigation { min-height: 33px;  }
    #navigation ul { visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; background-color: #d7dfe1; width: 100%; z-index: 15;  }
    #navigation ul li { float: none; width: 100%; display: block; padding: 0; background-image: none;  }
    #navigation ul li a { display: block; padding: 0px 15px; line-height: 2;  }
    #navigation .menu-navigation-menu-container { z-index: 25;  }
    #navigation .active + .menu-navigation-menu-container ul { visibility: visible; opacity: 1;  }

    .slide .slide-image { float: none; width: 100%;  }
    .slide .slide-image:after { display: none;  }
    .slide .slide-content { float: none; width: 100%; padding: 15px 10px;  }

    h1 { font-size: 22px;  }

    .col-1of3 { width: 45%; margin-bottom: 15px;  }
    .col-1of3:nth-child(2n+2) { float: right;  }
    .col-size1,
    .col-size2,
    .col-size3 { float: none; width: 100%; margin-right: 0; margin-bottom: 15px;  }
    div.home .main { padding-bottom: 15px;  }
}

@media(max-width: 700px){
    .col-1of3 { width: 100%; float: none; margin-right: 0; margin-bottom: 20px;  }
    .col-1of3:nth-child(2n+2) { float: none;  }
}

@media(max-width: 600px){
    h4#logo { position: static; padding-top: 35px; width: 100%;  }
    h4#logo a { width: 500px; height:51px; -webkit-background-size: cover; background-size: cover;  }

    #navigation { position: static; margin: 25px 0;  }
    #header { min-height: 1px;  }
}

@media(max-width: 500px){
    h4#logo a { width: 335px; height: 34px;  }
    .section h3.section-title { float: none;  }
    .section .section-head a { float: none;  }

    #footer .certificate { position: static; }
}

@media(max-width: 450px){
    .slide h2 { font-size: 20px;  }
}

@media(max-width: 350px){
    h4#logo a { width: 285px; height: 30px;  }
}