/*
Theme name: Skin  Tonics
Description: Custom Theme
*/

/******* Skin  Tonics WordPress CSS *******/

/* Common elements styling */

.post .entry ul { margin-left: 25px; }
.post .entry 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 th,
#wp-calendar td { text-align: center; }
#wp-calendar td { padding: 4px 12px; }
.wp-caption { text-align: center; padding: 23px 23px 0px 23px; margin: 10px auto 60px; background: #e8e8e8; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; display: block; margin: 0px auto; }
.wp-caption p.wp-caption-text { color: #535353; font-size: 15px; line-height: 20px; padding: 14px 0px; margin: 0; font-style: italic; }

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

/******* /Skin  Tonics WordPress CSS *******/
/* ==========================================================================
	fonts
	Playfair Display
	Muli
	Droid Serif
========================================================================== */


* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 14px;
    line-height: 28px;
    font-family: 'Droid Serif', arial, sans-serif;
    color: #535353;
    background: #fff;
    min-width: 1000px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}

a { color: #004c49; 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; }

input[type='text'], input[type='submit'], textarea { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; -webkit-appearance: none; }

input[type='text'], textarea { -webkit-appearance: none; }

.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; }

.cf,
.main,
.header,
.socials,
.navigation,
.navigation > ul,
.entry,
.pagination,
.widget,
.filter,
.filter ul,
.footer-widgets,
.gform_wrapper,
.article,
.navigation li .sub-menu,
.post-date p,
.more-articles,
.shell { *zoom: 1; }

.cf:after,
.main:after,
.header:after,
.socials:after,
.navigation:after,
.navigation > ul:after,
.entry:after,
.pagination:after,
.widget:after,
.filter:after,
.filter ul:after,
.footer-widgets:after,
.gform_wrapper:after,
.article:after,
.navigation li .sub-menu:after,
.post-date p:after,
.more-articles:after,
.shell:after { content: ''; display: block; clear: both; width: 100%; font-size: 0; line-height: 0; text-indent: -4000px; }

.navigation ul,
.gform_wrapper ul,
.sidebar ul,
.post ul,
.comments ul,
.comments ol { list-style: none outside; }

.shell { width: 1000px; margin: 0 auto; }

/* ==========================================================================
	transitions
========================================================================== */

h1.logo a,
.socials a,
.header-right .gform_footer input[type='submit'],
.widget.widget_search input[type='submit'],
.gform_footer input[type='submit'],
.comments input[type='submit'] {
	transition: opacity 0.2s; 
	-webkit-transition: opacity 0.2s;
}

.content h2 a,
.pagination a,
a.clear-btn,
a {
	transition: color 0.2s; 
	-webkit-transition: color 0.2s; 
}


/* ==========================================================================
	banners
========================================================================== */

.banner-holder { background: #d2d2d2; }

.blogher-ad iframe { margin: 0 auto; display: block; }

/* ==========================================================================
	header
========================================================================== */

.header { position: relative; z-index: 10; padding: 23px 0 0 0; }

h1.logo { width: 460px; float: left; margin: 5px 17px 0 0; }
h1.logo a { display: block; height: 79px; background: url(images/logo.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
h1.logo a:hover { opacity: 0.70; filter:alpha(opacity=70); }

.slogan { float: left; border-left: 1px solid #d9d9d9; padding: 5px 14px 6px; font-size: 13px; line-height: 28px; color: #535353; font-family: 'Playfair Display', arial, serif; font-weight: 400; font-style: italic; width: 170px; border-right: 1px solid #d9d9d9; }

.header-right { float: right; width: 307px; padding-top: 6px; }
.header-right h5 { font-size: 12px; line-height: 16px; text-transform: uppercase; color: #535353; font-family: 'Muli', arial, serif; font-weight: 400; padding-bottom: 1px; }
.header-right .gfield { float: left; width: 219px; position: relative; line-height: 24px; }
.header-right .gfield label { position: absolute; font-size: 13px; color: #8a8a8a; font-family: 'Playfair Display', arial, serif; font-weight: 400; font-style: italic; position: absolute; top: 1px; left: 1px; right: 1px; line-height: 24px; padding: 0 6px; cursor: text; }
.header-right .gfield input[type='text'] { border: 1px solid #d2d2d2; font-size: 13px; color: #8a8a8a; font-style: italic; padding: 1px 6px; width: 205px; font-family: 'Playfair Display', arial, serif; font-weight: 400; height: 20px; line-height: 20px; }

.header-right .gform_footer { float: right; width: 80px; }
.header-right .gform_footer input[type='submit'] { border: 1px solid #d2d2d2; float: right; width: 80px; text-transform: uppercase; color: #004c49; font-size: 11px; font-family: 'Muli', arial, serif; cursor: pointer; height: 24px; background: #fff; }
.header-right .gform_footer input[type='submit']:hover { opacity: 0.70; filter:alpha(opacity=70); }

.gfield_error input[type="text"] { border: 1px solid #004c49 !important; }
.header-right .validation_message,
.footer .validation_message,
.gfield_required,
.validation_error { display: none; }
.gform_confirmation_message { font-family: 'Muli', arial, serif; }

.socials { margin-bottom: 16px; }
.socials a { height: 18px; float: left; margin-left: 41px; position: relative; }
.socials a:first-child { margin-left: 6px; }
.socials a img { display: block; }
.socials a:hover img { opacity: 0.70; filter:alpha(opacity=70); }
.socials a .tooltip { position: absolute; bottom: 100%; left: 50%; z-index: 10; background: #efefef; color: #535353; text-transform: uppercase; font-family: 'Muli', arial, serif; font-weight: 400; font-size: 12px; padding: 3px 8px 0; border: 1px solid #d2d2d2; line-height: 14px; margin-bottom: 3px; opacity: 0; filter:alpha(opacity=0); visibility: hidden; }
.socials a:hover .tooltip { opacity: 1; filter: none; visibility: visible; }

.gform_heading { display: none; }

.navigation { clear: both; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; position: relative; }
.navigation em.volume-text { position: absolute; top: 0; left: 0; font-size: 12px; line-height: 28px; padding-top: 6px; display: block; color: #535353; font-style: italic; font-weight: 400; font-family: 'Playfair Display', arial, serif; }
.navigation > ul { float: left; position: relative; text-transform: uppercase; font-size: 15px; line-height: 28px; padding-top: 7px; font-family: 'Muli', arial, serif; font-weight: 400;  opacity: 0; filter:alpha(opacity=0); }
.navigation > ul > li { float: left; margin-left: 45px; position: relative; }
.navigation > ul > li:first-child { margin-left: 0; }
.navigation > ul > li > a { color: #004c49; position: relative; display: block; border-bottom: 6px solid #fff; }
.navigation > ul > li > a:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -4px; width: 15px; height: 7px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/dd-arrow.png) no-repeat 0 0; visibility: hidden; opacity: 0; filter:alpha(opacity=0); }
.navigation > ul > li > a:hover,
.navigation > ul > li:hover > a,
.navigation > ul > li.current-menu-item > a { text-decoration: none; color: #535353; border-bottom: 6px solid #d2d2d2; }
.navigation > ul > li.dd-menu > a { padding-right: 18px; }
.navigation > ul > li.dd-menu > a:after { opacity: 1; filter: none; visibility: visible; }

.navigation > ul > li > .sub-menu { position: absolute; top: 100%; left: 50%; border: 1px solid #d2d2d2; padding: 20px 0; display: block;background: #fff; min-width: 210px; visibility: hidden; opacity: 0; filter:alpha(opacity=0);
	transform: scale(0.8) translate3d(0,-10%,0);
	-webkit-transform: scale(0.8) translate3d(0,-10%,0);
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
 }
.navigation > ul > li.reviews > .sub-menu { width: 884px; padding-left: 0px; padding-right: 0px; float: none; }
.navigation > ul > li.guides > .sub-menu { width: 750px; padding-left: 0px; padding-right: 0px; float: none; }
.navigation > ul > li.reviews > .sub-menu > li,
.navigation > ul > li.guides > .sub-menu > li { padding: 0px 24px; border-right: 1px solid #d2d2d2; float: left; }
.navigation > ul > li > .sub-menu { padding: 20px 24px; border-right: 1px solid #d2d2d2; float: left; }
.navigation > ul > li > .sub-menu > li:last-child { border-right: 0; }
.navigation > ul > li > .sub-menu > li > a { color: #004c49; font-family: 'Playfair Display', arial, serif; font-weight: 400; font-style: italic; font-size: 18px; line-height: 28px; text-transform: none; padding-bottom: 10px; display: block; }
.navigation li .sub-menu h5 { text-transform: uppercase; color: #535353; font-family: 'Muli', arial, serif; font-size: 18px; line-height: 28px; font-weight: 400; }
.navigation li .sub-menu p em { font-style: italic; color: #004c49; font-family: 'Playfair Display', arial, serif; font-size: 14px; line-height: 28px; text-transform: none; }
.navigation li .sub-menu ul { float: left; letter-spacing: -0.025em; padding: 0 23px; }
.navigation li .sub-menu ul + ul { margin-left: 25px; }
.navigation li .sub-menu ul li { display: block; font-family: 'Playfair Display', arial, serif; font-weight: 400; font-style: italic; padding-bottom: 8px; font-size: 18px; line-height: 22px; white-space: nowrap; }
.navigation li .sub-menu ul li a { color: #004c49; display: inline-block; text-transform: none; }

.navigation li .sub-menu li ul { padding: 0; }
.navigation li .sub-menu li ul li { font-family: 'Muli', arial, serif; font-size: 13px; line-height: 18px; padding: 0px 0px 12px 0px; text-transform: uppercase; font-style: normal; }
.navigation li .sub-menu li ul li a { color: #535353; text-transform: uppercase; }

.navigation li .sub-menu li ul li a:hover,
.navigation li .sub-menu li ul li.current-menu-item a { text-decoration: none; color: #004c49; }
.list.featured-list { width: 250px; }
.list.featured-list a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }

.navigation li:hover .sub-menu {
	visibility: visible; opacity: 1; filter: none; 
	transform: scale(1) translate3d(0,0,0); 
	-webkit-transform: scale(1) translate3d(0,0,0); 
}

/* ==========================================================================
	main
========================================================================== */

.page-title { margin-bottom: 30px; }

.main { position: relative; z-index: 1; padding: 48px 0 145px; }
.single .main { padding-top: 0px; }
.single .sidebar,
.single .main .content { padding-top: 40px; }
.page .main { padding-bottom: 0px; }

.content { float: left; width: 664px; }
.content h2 { font-size: 28px; line-height: 34px; color: #535353; font-family: 'Playfair Display', arial, serif; font-weight: 400; font-style: italic; padding-bottom: 10px; }
.content h2 a { color: #535353; }
.content h2 a:hover { text-decoration: none; color: #004c49; }

.post { padding-bottom: 38px; line-height: 24px; }
.post p { padding-bottom: 22px; }
.post p em { font-style: italic; }

.post h3 { font-size: 24px; line-height: 24px; text-transform: uppercase; font-weight: 400; font-family: 'Muli', arial, serif; color: #535353; letter-spacing: -0.025em; padding-bottom: 24px; }
.post h4 { font-family: 'Droid Serif', arial, serif; font-weight: 700; color: #535353; font-size: 18px; line-height: 24px; padding-bottom: 10px; }
.post h5 { font-size: 14px; line-height: 24px; color: #535353; font-family: 'Droid Serif', arial, serif; font-weight: 700; }
.post h5 em { font-style: italic; }


.post table { border-collapse: collapse; width: 100%; border: 1px solid #d2d2d2; margin-bottom: 40px; }
.post table th { background: #ebebeb; border: 1px solid #d2d2d2; font-size: 18px; font-weight: 700; line-height: 24px; color: #535353; font-family: 'Droid Serif', arial, serif; text-align: left; padding: 7px 18px; }
.post table td { border: 1px solid #d2d2d2; padding: 16px 17px; vertical-align: top; }
.post table ul li { padding-left: 0; background: transparent; color: #535353; font-style: italic; font-family: 'Droid Serif', arial, serif; font-weight: 400; font-size: 13px; line-height: 24px; padding-bottom: 0; }


.post table.rating-table { border: 0; }
.post table.rating-table th { border: 0; border-left: 1px solid #d2d2d2; font-size: 18px; font-weight: 400; color: #535353; font-family: 'Droid Serif', arial, serif; line-height: 28px; letter-spacing: -0.025em; text-align: center; font-size: 24px; background: transparent; }
.post table.rating-table th:first-child { border-left: 0; }
.post table.rating-table th small { font-weight: 400; font-size: 18px; }
.post table.rating-table th span { display: block; text-align: center; font-family: 'Muli', arial, serif; text-transform: uppercase; font-size: 12px; color: #535353; }
.post table.rating-table th strong { font-size: 68px; font-weight: 400; line-height: 72px; }

.post table.rating-table td { border: 0; border-left: 1px solid #d2d2d2; font-family: 'Droid Serif', arial, serif; font-style: italic; font-weight: 400; border-top: 1px solid #d2d2d2; }
.post table.rating-table td:first-child { border-left: 0; font-size: 16px; line-height: 24px; text-transform: uppercase; font-family: 'Muli', arial, serif; font-weight: 400; font-style:normal; }


.post table.offers-table { border: 0; border-bottom: 1px solid #d2d2d2; }
.post table.offers-table th { background: transparent; border: 0; border-left: 1px solid #d2d2d2; font-size: 18px; line-height: 24px; font-weight: 700; font-family: 'Droid Serif', arial, serif; padding: 7px 9px; }
.post table.offers-table th:first-child { border-left: 0; padding-left: 0; }

.post table.offers-table td { border: 0; border-left: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; font-family: 'Droid Serif', arial, serif; font-weight: 400; font-size: 14px; }
.post table.offers-table td small { display: block; }
.post table.offers-table td strong { font-weight: 700; }
.post table.offers-table td:first-child { border-left: 0; }

a.arrows { width: 11px; height: 15px; background: url(images/table-arrows.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; display: block; margin-top: 6px; }


.post blockquote { margin: 20px 0 70px; font-size: 14px; line-height: 24px; color: #535353; font-family: 'Droid Serif', arial, serif; font-style: italic; font-weight: 400; }
.post blockquote p { padding-bottom: 0; }

.post hr { border: 0; height: 1px; background: #d9d9d9; margin-bottom: 22px; }
.post ul li { padding: 0 0 24px 8px; background: url(images/list-bullet.png) no-repeat 0 10px; color: #004c49; font-size: 14px; line-height: 24px; }

.posts-section .post { line-height: 28px; }
.posts-section .post p { letter-spacing: -0.025em; padding-bottom: 17px; }
.posts-section .post .description { height: 170px; overflow: hidden; margin-bottom: 17px; }

.post-shares { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 22px 0; font-family: 'Muli', arial, serif; font-weight: 400; text-transform: uppercase; }
.post-shares iframe,
.post-shares small { float: left; margin-right: 5px; }

.fb_iframe_widget { top: -8px; }


.post-img { float: left; margin-right: 16px; font-size: 14px; line-height: 24px; text-transform: uppercase; font-family: 'Muli', arial, serif; font-weight: 400; }
.post-img small { font-size: 14px; }
.post-img img { display: block; border: 2px solid #d2d2d2; margin-bottom: 10px; }
.post-img .post-shares { border: 0; padding: 0; }

.post-cnt { height: 100%; overflow: hidden; }

.post-date { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; text-transform: uppercase; font-weight: 400; font-family: 'Muli', arial, serif; padding: 8px 0px; margin-bottom: 26px; font-size: 11px; line-height: 24px; }
.posts-section .post-date { text-align: center; font-size: 11px; line-height: 18px;  padding: 8px 30px; margin-bottom: 30px; }
.post-date p { padding-bottom: 0 !important; }
.post-date strong { font-weight: 400; color: #004c49; }

.comment-num { padding-top: 3px; }
.comment-num a { padding-left: 26px; background: url(images/comments-ico.png) no-repeat 0 0; text-transform: uppercase; font-size: 12px; font-family: 'Muli', arial, serif; line-height: 20px; display: inline-block; }

.st-twitter-counter { background: url(images/share-tweet.png) no-repeat 0 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; height: 19px !important; width: 62px !important;  }

.st-facebook-counter { background: url(images/share-facebook.png) no-repeat 0 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; height: 19px !important; width: 52px !important; }

.fb-like { position: relative; }
.fb-like iframe { z-index: 0; position: relative; margin-left: 8px; }
.fb-like iframe td:first-child { opacity: 0 !important; filter:alpha(opacity=0) !important; }
.fb-like:after { background: url(images/share-facebook.png) no-repeat 0 0 !important; content: ''; width: 52px; height: 19px; display: block; z-index: 1; position: absolute; top: 1px; left: 0; display: none; }

.pagination { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 29px 0; }
.pagination a { background: #e8e8e8; display: inline-block; font-size: 16px; font-family: 'Lato', arial, serif; font-weight: 300; color: #000; line-height: 32px; text-transform: uppercase; }
.pagination .alignright a { padding: 0 33px 0 26px; background-image:url(images/red-right-arrow.png); background-position: 74px center; background-repeat: no-repeat; }
.pagination .alignleft a { padding: 0 32px 0 33px; background-image:url(images/red-left-arrow.png); background-position: 16px center; background-repeat: no-repeat; }

.pagination a:hover { text-decoration: none; color: #004c49; }

.sidebar { float: right; width: 302px; }

.widget { margin-bottom: 20px; }

.widget.widget_search { padding: 13px 10px 13px 12px; background: #efefef; }
.widget.widget_search form { position: relative; }
.widget.widget_search input[type='text'] { width: 238px; border: 1px solid #bdbdbd; background: #fff; font-style: italic; font-size: 13px; font-family: 'Playfair Display', arial, serif; font-weight: 400; color: #8a8a8a; padding: 1px 5px; float: left; height: 20px; }
.widget.widget_search label { font-style: italic; font-size: 13px; font-family: 'Playfair Display', arial, serif; font-weight: 400; color: #8a8a8a; position: absolute; top: 0; left: 0; width: 238px; padding: 0 6px; line-height: 24px; cursor: text; }
.widget.widget_search input[type='submit'] { border: 0; width: 21px; height: 24px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/search-ico.png) no-repeat 0 0; cursor: pointer; float: left; margin-left: 9px; }
.widget.widget_search input[type='submit']:hover { opacity: 0.70; filter:alpha(opacity=70); }

.widget.filter-widget { background: #efefef; padding: 26px; }
.widget.filter-widget h4.widgettitle { font-size: 21px; line-height: 28px; color: #535353; text-transform: uppercase; font-family: 'Muli', arial, serif; font-weight: 400; padding-bottom: 28px; text-align: center; }

a.clear-btn { background: #fff; border: 1px solid #d2d2d2; font-size: 13px; line-height: 28px; text-transform: uppercase; width: 108px; display: block; margin: 0 auto; text-align: center; font-family: 'Muli', arial, serif; color: #535353; letter-spacing: -0.025em; margin-bottom: 10px; }
a.clear-btn:hover { text-decoration: none; color: #004c49; }

.filter { border-bottom: 1px solid #d2d2d2; padding: 10px 0; }
.filter .select-field { background: #fff; position: relative; border: 1px solid #535353; height: 23px; margin-bottom: 21px; }
.filter .select-field:after { position: absolute; top: 0; right: 0; width: 27px; height: 23px; background: url(images/select-arrow.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; content: ''; z-index: 1; }
.filter select { background: transparent; border: 0; position: relative; z-index: 2; height: 25px; width: 250px; font-size: 12px; text-transform: uppercase; font-family: 'Muli', arial, serif; color: #535353; display: block; cursor: pointer; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;  }
.filter span { text-transform: uppercase; font-size: 12px; line-height: 25px; color: #535353; font-weight: 400; font-family: 'Muli', arial, serif; position: relative; z-index: 1; display: block; padding: 0 8px; }

.filter h4 { text-align: center; font-style: italic; font-size: 16px; line-height: 28px; color: #535353; font-family: 'Playfair Display', arial, serif; font-weight: 400; padding: 0; cursor: pointer; }

.filter a.arrow { display: block; margin: 0 auto; width: 15px; height: 7px; background: url(images/widget-arrows.png) no-repeat center bottom; font-size: 0; line-height: 0; text-indent: -4000px; padding: 3px 10px 5px; }
.filter.show a.arrow { background-position: center 0; }

.filter ul { margin-bottom: 6px; position: relative; margin-right: -18px; display: none; padding-top: 25px; }
.filter li { width: 50%; float: left; min-height: 32px; }
.filter li label { position: relative; padding-left: 20px; color: #535353; font-family: 'Muli', arial, serif; font-size: 12px; text-transform: uppercase; line-height: 16px; letter-spacing: -0.025em; display: block; }

.filter li label span.ico { position: absolute; top: 0; left: 0; z-index: 1; }

.filter li label.check span.ico { background: url(images/checkbox-btn.png) no-repeat 0 0; width: 12px; height: 12px; }
.filter li label.check.checked span.ico { background-position: 0 bottom; }

.filter li label.radio span.ico { background: url(images/radio-btn.png) no-repeat 0 0; width: 14px; height: 14px; }
.filter li label.radio.checked span.ico { background-position: 0 bottom; }

.filter li input[type='checkbox'],
.filter li input[type='radio'] { cursor: pointer; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; opacity: 0; filter:alpha(opacity=0); }

.filter .select-field { display: none; }

.widget.list-widget { border: 1px solid #d2d2d2; padding: 22px 32px 22px; text-align: center; }
.widget.list-widget h4.widgettitle { font-size: 21px; line-height: 28px; text-transform: uppercase; color: #535353; text-align: center; font-family: 'Muli', arial, serif; font-weight: 400; padding-bottom: 17px; }

.widget.list-widget ul { position: relative; border-top: 1px solid #d2d2d2; overflow: hidden; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
.widget.list-widget ul li { border-bottom: 1px solid #d2d2d2; padding: 14px 0 16px; text-align: center; font-size: 14px; line-height: 28px; font-family: 'Playfair Display', arial, serif; font-weight: 400; font-style: italic; color: #004c49; letter-spacing: -0.025em; }
.widget.list-widget ul li a { color: #004c49; }
.widget.list-widget ul li a:hover { text-decoration: none; color: #535353; }

.widget.list-widget a.arrow { text-transform: uppercase; font-size: 16px; line-height: 26px; padding-bottom: 6px; background: url(images/dd-arrow.png) no-repeat center bottom; text-align: center; font-family: 'Muli', arial, serif; font-weight: 400; color: #535353; display: inline-block; margin: 18px auto 0; }
.widget.list-widget a.arrow:hover { text-decoration: none; }
.widget.list-widget a.arrow.show { background-image: url(images/red-top-arrow.png); }

.widget.list-widget ul.show { max-height: 2000px !important; }

a.more-link { padding-top: 18px; color: #535353; font-size: 16px; line-height: 28px; padding-bottom: 10px; font-family: 'Muli', arial, serif; font-weight: 400; text-transform: uppercase; display: inline-block; position: relative; }
a.more-link:after { background: url(images/widget-arrows.png) no-repeat center bottom; content: ''; width: 15px; height: 7px; font-size: 0; line-height: 0; text-indent: -4000px; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -7px; padding: 5px 0; }
a.more-link.active:after { background-position: center 0; }
a.more-link:hover { text-decoration: none; }

a.grey-btn { font-size: 10px; line-height: 24px; font-family: 'Muli', arial, serif; color: #737373; background: #e8e8e8; text-transform: uppercase; float: right; padding: 0 17px; margin-left: 6px; }
a.grey-btn:hover { text-decoration: none; color: #004c49; }


.more-articles { position: relative; margin-right: -26px; }
.more-articles h3 { font-family: 'Droid Serif', arial, serif; font-size: 24px; line-height: 28px; color: #535353; font-weight: 400; letter-spacing: -0.025em; padding-bottom: 17px; }
.more-articles h4 { font-size: 18px; line-height: 24px; font-family: 'Playfair Display', arial, serif; font-style: italic; font-weight: 400; color: #004c49; }
.more-articles h4 a { color: #004c49; }
.more-articles img { display: block; margin-bottom: 10px; }
.more-articles .post { width: 145px; float: left; margin-right: 26px; }

.comments { padding: 14px 0 22px 0; }
.comments h3 { font-size: 24px; line-height: 24px; color: #535353; font-family: 'Droid Serif', arial, serif; font-weight: 400; padding-bottom: 14px; }
.comments h4 { font-size: 18px; line-height: 24px; color: #535353; font-family: 'Droid Serif', arial, serif; font-weight: 400; padding-bottom: 30px; }
#commentform input.error,
#commentform input.cl_error,
#commentform textarea.error { background: #FFEBE8; border: 1px solid #cc0000; padding: 6px 9px; }
.comments form label { padding-bottom: 5px; }
.comments form .comment-form-author,
.comments form .comment-form-email,
.comments form .comment-form-url,
.comments form .comment-form-comment { padding-bottom: 10px; }
.comments input[type="text"] { border: 1px solid #d2d2d2; padding: 10px; }
.comments textarea { width: 640px; border: 1px solid #d2d2d2; height: 113px; padding: 10px; resize: none; margin-bottom: 20px; font-size: 14px; color: #535353; font-family: 'Muli', arial, serif; font-weight: 400; }
.comments input[type='submit'] { display: block; width: 143px; height: 32px; color: #000; font-weight: 300; font-family: 'Muli', arial, serif; text-transform: uppercase; font-size: 14px; cursor: pointer; background: #e8e8e8; border: 0; margin-bottom: 24px; }
.comments input[type='submit']:hover { opacity: 0.70; filter:alpha(opacity=70); }
.comments label { font-size: 14px; line-height: 24px; color: #535353; font-family: 'Droid Serif', arial, serif; font-style: italic; display: block; padding-bottom: 20px; }
.comments input[type='checkbox'] { width: 12px; height: 12px; display: inline-block; margin-right: 12px; }
div#commentluv input#doluv { width: 12px !important; margin-right: 17px; }
.comments p.error,
.comment-form-comment label { display: none !important; }
.comments .comment-reply { margin-bottom: 10px; }

#respond { padding-bottom: 22px; }

.commentlist > li { border-bottom: 1px solid #d2d2d2; padding: 26px 0; }
.commentlist li ul { padding-left: 58px; }
.commentlist > li:first-child { padding-top: 0; }
img.avatar { float: left; margin-right: 18px; border: 1px solid #999; width: 32px; height: 32px; }

.comment-cnt { height: 100%; overflow: hidden; }

.comment-author { padding-bottom: 14px; }
.comment-author,
.comment-author a { text-transform: uppercase; font-size: 16px; line-height: 24px; font-family: 'Muli', arial, serif; font-weight: 400; }

.comment-meta { font-size: 14px; line-height: 18px; color: #535353; font-family: 'Droid Serif', arial, serif; font-weight: 400; font-style: italic; padding-bottom: 12px; }
.comment-meta a { color: #535353; }
.comment-meta a:hover { text-decoration: none; color: #004c49; }

.comment-text { font-size: 14px; line-height: 18px; font-family: 'Droid Serif', arial, serif; color: #535353; font-weight: 400; padding-bottom: 30px; }

.st_facebook_hcount .stButton_gradient { background: #fff !important; }
.st_facebook_hcount .stArrow { background-image: url(images/Twitter_bubble_arrow.png) !important; }

.category-nav { border-bottom: 1px solid #d9d9d9; text-align: center; font-size: 16px; line-height: 24px; font-family: 'Playfair Display', arial, serif; font-style: italic; font-weight: 400; }
.category-nav li { display: inline; padding: 0 0 0 60px; }
.category-nav li:first-child { padding-left: 0; }
.category-nav li a { padding: 8px 0; display: inline-block; }
.category-nav li a:hover,
.category-nav li a.active { color: #535353; text-decoration: none; }

/* ==========================================================================
	footer
========================================================================== */

.footer { border-top: 1px solid #d9d9d9; }
.footer h3 { color: #535353; font-size: 21px; line-height: 24px; font-family: 'Muli', arial, serif; font-weight: 400; padding-bottom: 12px; text-transform: uppercase; }
.footer h6 { font-size: 12px; line-height: 18px; color: #535353; font-family: 'Muli', arial, serif; font-weight: 400; text-transform: uppercase; padding-top: 12px; }

.footer-widget { float: right; border-right: 1px solid #d9d9d9; padding-top: 20px; }
.footer-widget:first-child { width: 309px; padding-left: 23px; border-right: 0; }

.footer-widget .gform_wrapper { padding-bottom: 27px; border-bottom: 1px solid #d9d9d9; margin-bottom: 25px; }
.footer-widget .gfield { position: relative; float: left; width: 219px; }
.footer-widget .gfield input[type='text'] { border: 1px solid #d2d2d2; font-size: 13px; color: #8a8a8a; font-family: 'Playfair Display', arial, serif; font-weight: 400; font-style:italic; width: 205px; padding: 1px 6px; height: 20px; display: block; }
.footer-widget .gfield label { font-size: 13px; color: #8a8a8a; font-family: 'Playfair Display', arial, serif; font-weight: 400; font-style: italic; position: absolute; top: 0; left: 0; right: 0; line-height: 24px; padding: 0 7px; cursor: text; }

.footer-widget .gform_footer { float: right; width: 80px; }
.footer-widget .gform_footer input[type='submit'] { border: 1px solid #d2d2d2; color: #004c49; font-family: 'Muli', arial, serif; text-transform: uppercase; font-size: 11px; background: #fff; width: 80px; height: 24px; display: block; cursor: pointer; }
.footer-widget .gform_footer input[type='submit']:hover { opacity: 0.70; filter:alpha(opacity=70); }

.footer-widget.socials-widget { width: 144px; padding: 20px 23px 0; }
.footer-widget.socials-widget a { display: inline-block; *display: block; position: relative; padding-left: 41px; text-transform: uppercase; font-size: 14px; line-height: 20px; margin-bottom: 16px; color: #535353; font-family: 'Muli', arial, serif; }
.footer-widget.socials-widget a img { display: block; position: absolute; top: 0; left: 0; }
.footer-widget.socials-widget a:hover { text-decoration: none; color: #004c49; }

.footer-widget.last { float: none; height: 100%; overflow: hidden; }

.article { font-family: 'Playfair Display', arial, serif; font-weight: 400; font-size: 13px; line-height: 24px; color: #535353; }
.article strong { font-weight: 700; font-style: italic; }
.article a { color: #004c49; font-weight: 700; font-style: none; }
.article p { padding-bottom: 28px; }
.article-img { float: left; margin-right: 22px; }
.article-cnt { height: 100%; overflow: hidden; }

.copyright { text-align: center; padding: 52px 250px; font-size: 13px; line-height: 24px; color: #535353; }
.copyright p { padding-bottom: 0; }
.copyright p a { color: #004c49; }
.copyright ul { list-style-type: none; }
.copyright ul li { display: inline; }
.copyright ul li + li { margin-left: 3px; padding-left: 6px; border-left: 1px solid #8a8a8a; }

a.footer-logo { width: 316px; height: 54px; font-size: 0; line-height: 0; text-indent: -4000px; display: block; background: url(images/footer-logo.png) no-repeat 0 0; margin: 0 auto 14px; }
a.footer-logo:hover { opacity: 0.70; filter:alpha(opacity=70); }

.post-meta.mobile { display: none; }
.posts-section .post .description { margin-bottom: 0px; }
.posts-section .post p { padding-bottom: 0px; }
.post-meta.desktop .post-shares { width: 420px; border-top: 0px; border-bottom: 0px; float: left; padding-top: 16px; }
.post-meta.desktop .comment-num { float: right; padding-top: 10px; margin-right: 110px; }

/* ==========================================================================
	responsive layouts
========================================================================== */

a.menu-btn { background: #d2d2d2 url(images/menu-btn-w.png) no-repeat 10px center; padding: 10px 50px; color: #fff; text-transform: uppercase; display: none; font-family: 'Muli', arial, serif; font-weight: 400; line-height: 25px; font-size: 18px; }
a.menu-btn:hover { text-decoration: none; }

@media only screen and (max-width: 767px){

	.post-meta.mobile { display: block; }
	.post-meta.desktop { display: none; }
	.post-meta.desktop .comment-num { margin-right: 0px; }

	.fb_iframe_widget { top: -4px; }

	body { min-width: 100%; }

	img { width: auto; height: auto; max-width: 100%; }

	.shell { width: auto; padding: 0 10px; }

	h1.logo { float: none; display: block; margin: 0 auto 10px; width: 300px; }
	h1.logo a { background: url(images/mlogo.png) no-repeat 0 0; height: 52px; }

	.header-right { position: relative; margin: 0 auto; padding: 12px 0 6px; width: 300px; float: none; display: block; }

	.slogan { border: 0; float: none; display: block; width: auto; text-align: center; }

	.socials { text-align: center; }
	.socials a { margin-left: 26px; float: none; display: inline-block; }

	.banner-holder,
	.blogher-ad,
	.bh-widget,
	.bh-widget-ad { display: none !important; }

	.navigation em.volume-text { display: none; }
	
	.navigation > ul { float: none; display: none; width: auto; opacity: 1; filter: none; transition: none; -webkit-transition: none; }
	.navigation > ul > li { float: none; display: block; text-align: center; margin: 0; }
	.navigation > ul > li > a { text-align: left; }
	.navigation > ul > li.dd-menu > a { padding-right: 24px; }

	.navigation > ul > li .sub-menu,
	.navigation > ul > li.guides > .sub-menu,
	.navigation > ul > li.reviews > .sub-menu { width: auto; border: 0; margin: 0 !important; transform: scale(1) translate3d(0,0,0); -webkit-transform: scale(1) translate3d(0,0,0); visibility: visible; transition: none; -webkit-transition: none; position: static; padding: 0; display: none; height: auto; top: 0; left: 0; min-width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; opacity: 1; filter: none; text-align: left; padding: 0 24px; }
	.navigation > ul > li.reviews > .sub-menu > li,
	.navigation > ul > li.guides > .sub-menu > li { float: none; display: block; border: 0; padding: 0; }

	.list.featured-list { width: auto !important; float: none; display: block; }

	a.menu-btn { display: block; }

	.no-touch .navigation li:hover .sub-menu {
		visibility: visible; opacity: 1; filter: none; 
		transition: none; -webkit-transition: none; 
		transform: none; 
		-webkit-transform: none; 
	}

	.main { padding: 20px 0 40px; }

	.content,
	.sidebar { float: none; display: block; width: auto; }

	.post-img { float: none; display: block; margin: 0 auto; }
	.post-img img { max-width: 100%; height: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	.post-shares iframe, .post-shares small { margin-bottom: 5px; }

	.post-cnt { height: auto; display: block; clear: both; }

	.widget.widget_search input[type='text'] { width: 234px; }

	.footer-widget.socials-widget,
	.footer-widget.last,
	.footer-widget:first-child { width: auto; float: none; display: block; padding: 0; border: 0; min-height: 0 !important; margin: 10px 0; }

	.article-img { float: none; display: block; }
	.article-img img { display: block; margin-bottom: 14px; }

	.posts-section .post .description { height: auto; }

	.copyright { padding: 20px 0; }

	a.footer-logo { width: 300px; background: url(images/mlogo.png) no-repeat 0 0; height: 52px; }

	.footer-widget.socials-widget a { margin-bottom: 6px; float: none; display: block; }

	.category-nav li { padding-left: 26px;}
	.category-nav li:first-child { padding-left: 0; }

	.wp-caption { width: auto !important; }

	.more-articles { width: auto; margin-right: 0; }

	.comments textarea { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%;  }

	.more-articles .post { width: auto; float: none; display: block; text-align: center; }
	.more-articles .post img { display: block; margin: 0 auto; }

	.post table th,
	.post table td { padding: 7px 3px; }
	
	.post table.rating-table th { font-size: 20px; }
	.post table.rating-table th strong { font-size: 50px; }
	.post table.rating-table th span { font-size: 10px; }
	.post table.rating-table th small { font-size: 16px; display: block; }
	.post table.rating-table td:first-child { padding: 16px 6px; font-size: 14px; width: 50px; }

	.post table.offers-table td { font-size: 12px; }

}