/*
Theme Name: Maryanne - GLS
Theme URI: http://demos.georgialoustudios.com/maryanne
Description: A WordPress Theme for Bloggers
Author: Georgia Lou Studios
Author URI: http://georgialoustudios.com
Version: 1.1.2
License: GPL
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maryanne-gls
*/

/*********************************
* TOC *
**********************************

1.0 - Global reset
	1.1 - Global reset-RESET
2.0 - Layout
3.0 - Top Bar
	3.1 - Primary Menu
		3.1.1 - Drop downs
	3.2 - Social and Search
4.0 - Slick Nav CSS
5.0 - Header & Logo
6.0 - Secondary Menu
	6.1 - Drop downs
7.0 - Featured Sliders
	7.1 - Boxed & Full Width Single Image Sliders
	7.2 - Carousel Sliders
		7.2.1 - Full Width Carousel Slider
	7.3 - Magazine Layout
8.0 - Promo Area
	8.1 - Landing Page 1
	8.2 - Landing Page 2
9.0 - Posts
	9.1 - Post Entry
	9.2 - Read More Button
	9.3 - Post Share
	9.4 - Post Author
	9.5 - Post Pagination
	9.6 - Post Related
	9.7 - Post Tags
	9.8 - Grid Layout
		9.8.1 - Full width
	9.9 - List Layout
	9.10 - Masonry Layout
		9.10.1 - Full width
	9.11 - Comment
	9.12 - Reply
10.0 - Sidebar & Widgets
	10.1 - Post Sidebar
	10.2 - Home Sidebar
	10.3 - About Widget
		10.3.1 - About Widget Social
	10.4 - Social Icons Widget
	10.5 - Widget - Categories & Archives
	10.6 - Sidebar Image Menu
	10.7 - Post Carousel Widget
	10.8 - WordPress Recent Posts Widget
	10.9 - WordPress Recent Comments Widget
	10.10 - WordPress Calendar
	10.11 - WordPress Custom Menu Widget
	10.12 - Tagcloud Widget
	10.13 - Search Widget
	10.14 - Instagram Widget
	10.15 - Latest News Widget (Recent Posts with Thumbs)
		10.15.1 - Full width home page & Landing page
	10.16 - Post List Widget
		10.16.1 - Home Page and & Landing page widget
	10.17 - Jetpack styles
	10.18 - Meta Slider Styles
11.0 - Pagination
12.0 - Footer
	12.1 - Dynamic Footer Widgets
	12.2 - Instagram Footer Area
	12.3 - Footer Social Area
	12.4 - Footer Copyright
	12.5 - Footer Menu
13.0 - Archive Box
14.0 - Misc.
	14.1 - Form Styling
	14.2 - Custom WordPress Gallery Style
	14.3 - 404 Page
	14.4 - Page Styles
	14.5 - Lookbook page
	14.6 - Contact Form 7 Styles
	14.7 - MailChimp
	14.8 - Scroll to Top
15.0 - WordPress Core Styles
16.0 - WooCommerce
17.0 - Media Queries
***********************************/


/**********************************
1.0 - Global reset 
***********************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/*  1.1 - Global reset-RESET */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
/**/

body {
	font-family:"Open Sans", serif;
	font-size:15px;
	color:#343434;
	background:#fff;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
h1,
h2,
h3,
h4,
h5,
h6, 
.feat-more, 
.post-share .share-comments a, 
.post-share .share-text, 
.about-title, 
.post-comments span.reply a,  
.show-search #searchform input#s {
	font-family:"Playfair Display", serif;
}
#nav-wrapper .menu li a, 
#nav-wrapper-secondary .menu li a, 
.slicknav_nav a,
.promo-overlay  h4 {
	font-family:"Montserrat", sans-serif;
}
p {
	line-height:2.0;
}
a {
	color:#8acace;
	text-decoration:none;
}
a:hover {
	text-decoration: none;
}
.clr {
	clear: both;
}

/****************************************/
/* 2.0 - Layout
/****************************************/

.container {
	width:1170px;
	margin:0 auto;
}
#content {
	overflow:hidden;
	margin-bottom:20px;
	background: #fff;
	padding: 30px 0 20px;
}
#outer-wrapper {
}
#inner-wrapper {
	width: 1170px;
	background: #fff;
	padding: 0 30px;
	margin: 0 auto;
}
#main {
	width:810px;
	float:left;
	position: relative;
}
#main.fullwidth {
	width:100%;
}
#sidebar {
	width:300px;
	float:right;
}

/****************************************/
/* 3.0 - Top Bar
/****************************************/

#top-bar {
	height:62px;
	background:#f4f4f4;
	width:100%;
	position:fixed;
	z-index:9999;
	-webkit-backface-visibility: hidden;
	opacity: 1.0;
	border-bottom: 1px solid #e5e5e5;
}
#top-bar .container2 {
	position:relative;
	height: 62px;
	width: 1170px;
	margin: 0 auto;
}
.menuOpacity2 {
	opacity: 1.0 !important;
}
.menuOpacity2:hover {
	opacity: 1 !important;
	transition: all 0.4s ease 0s;
}

/* 3.1 - Primary Menu **********/
.slicknav_menu {
	display:none;
}
#nav-wrapper .menu {
	float:left;
}
#nav-wrapper .menu li {
	display:inline-block;
	margin-right:38px;
	position:relative;
	line-height: 62px;
}
#nav-wrapper .menu li a {
	color:#111;
	font-size:13px;
	letter-spacing:2px;
	text-transform:uppercase;
	display:block;
	-o-transition:.25s;
	-ms-transition:.25s;
	-moz-transition:.25s;
	-webkit-transition:.25s;
	transition:.25s;
}
#nav-wrapper .menu li a:hover {
	color:#8acace;
}
#nav-wrapper .menu > li.menu-item-has-children > a:after {
	font-family: FontAwesome;
    content: "\f107";
	margin-left:7px;
	color:#111;
	font-size:13px;
}
#nav-wrapper .menu > li.menu-item-has-children > a:hover:after {
	color:#8acace;
}

	/* 3.1.1 - Drop downs **********/
	#nav-wrapper .menu .sub-menu,
	#nav-wrapper .menu .children {
		background-color: #fff;
		display: none;
		padding: 0;
		position: absolute;
		margin-top:0;
		left: 0;
		z-index: 99999;
		border-right: 1px solid rgba(0, 0, 0, 0.1);
		border-left: 1px solid rgba(0, 0, 0, 0.1);
		line-height: 46px;
	}
	#nav-wrapper ul.menu ul a,
	#nav-wrapper .menu ul ul a {
		color: #111;
		margin: 0;
		font-size:13px;
		letter-spacing:1px;
		line-height: 46px;
		padding: 0px 15px;
		min-width: 250px;
		-o-transition:.25s;
		-ms-transition:.25s;
		-moz-transition:.25s;
		-webkit-transition:.25s;
		transition:.25s;
		border-bottom:1px solid;
		border-color:#f2f2f2;
	}
	#nav-wrapper ul.menu ul li,
	#nav-wrapper .menu ul ul li {
		padding-right:0;
		margin-right:0;
		line-height: 46px;
	}
	#nav-wrapper ul.menu ul a:hover,
	#nav-wrapper .menu ul ul a:hover {
		color: #fff;
		background:#8acace;
	}
	#nav-wrapper ul.menu li:hover > ul,
	#nav-wrapper .menu ul li:hover > ul {
		display: block;
	}
	#nav-wrapper .menu .sub-menu ul,
	#nav-wrapper .menu .children ul {	
		left: 100%;
		top: 0;	
	}
	
/* 3.2 - Social and Search **********/
#top-social {
	position:absolute;
	right:35px;
	top:0;
	text-align: center;
	padding: 0 10px;
}
#top-social.nosearch { 
	right:0; 
}
#top-social a {
	color:#111;
	font-size:14px;
	line-height:62px;
	height: 62px;
	display:inline-block;
	-o-transition:.25s;
	-ms-transition:.25s;
	-moz-transition:.25s;
	-webkit-transition:.25s;
	transition:.25s;
	margin: 1px 1px 1px 20px;
}
#top-social a:hover {
	color:#8acace;
} 
#top-search {
	position:absolute;
	right:0;
	top:0;
}
#top-search a.search {
	font-size:14px;
	color:#111;
	line-height:62px;
	position:relative;
	-o-transition:.25s;
	-ms-transition:.25s;
	-moz-transition:.25s;
	-webkit-transition:.25s;
	transition:.25s;
	padding-left: 15px;
	border-left: 1px dotted #111;
}
#top-search a.search i:hover {
	color:#8acace;
}
.show-search {
	position:absolute;
	top:63px;
	right:0;
	display:none;
	z-index:10000;
}
.show-search #searchform input#s {
	width:250px;
	background:#FFF;
	-webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1);
	-moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1);
	box-shadow: 0 5px 4px -4px rgba(190,190,190,.1);
	border:1px solid #eee;
}
.show-search #searchform input#s:focus {
	border:1px solid #ddd;
}

/****************************************/
/* 4.0 - Slicknav CSS
/****************************************/
.slicknav_btn { 
	position: relative; 
	display: block; 
	vertical-align: middle; 
	float: left;  
	line-height: 50px; 
	cursor: pointer;  
	height:50px;
}
.slicknav_menu  .slicknav_menutxt { 
	display: none;
}
.slicknav_menu .slicknav_icon { 
	float: left; 
	margin: 0.188em 0 0 0; 
	font-size:19px; 
	padding-top: 8px;
	padding-bottom: 2px;
}
#header .slicknav_menu .slicknav_icon { 
	float: none;
	margin: 0.188em 0 0 0; 
	font-size:19px; 
	padding: 10px 0 0;
}
#header .slicknav_btn { 
	float: none;
	position: relative; 
	display: block; 
	vertical-align: middle;  
	line-height: 50px; 
	cursor: pointer;  
	height:50px;
	width: 100%;
}
#header .slicknav_menu {
	text-align: left;
}
#header .slicknav_menu .slicknav_icon {
	display: block;
	margin: 0 auto;
}
#header .slicknav_menu .slicknav_icon-bar {
	margin-left: auto;
	margin-right: auto;
}
.slicknav_menu .slicknav_no-text { 
	margin: 0 
}
.slicknav_menu .slicknav_icon-bar { 
	display: block; 
	width: 1.15em; 
	height: 0.15em; 
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { 
	margin-top: 0.188em 
}
.slicknav_nav { 
	clear: both 
}
.slicknav_nav ul,
.slicknav_nav li { 
	display: block;
}
.slicknav_nav .slicknav_arrow { 
	font-size: 0.8em; margin: 0 0 0 0.4em; 
}
.slicknav_nav .slicknav_item { 
	cursor: pointer; 
}
.slicknav_nav .slicknav_row { 
	display: block; 
}
.slicknav_nav a { 
	display: block 
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { 
	display: inline; 
}
.slicknav_menu:before,
.slicknav_menu:after { 
	content: " "; 
	display: table; 
}
.slicknav_menu:after { 
	clear: both 
}
.slicknav_menu { 
	*zoom: 1 
}
.slicknav_btn {
    margin: 12px 0 0;
}
.slicknav_menu .slicknav_icon-bar {
  background-color: #111;
}
#top-bar .slicknav_menu {
    background:#f4f4f4;
    padding:0;
    width: 100%;
}
.menu-mobile-2 .slicknav_menu {
	background:#ffffff;
}
#header .menu-mobile-2 a:hover {
	color: #fff;
}
.slicknav_nav {
    margin:0;
    padding:7px 20px 0;
    border-width: 0;
    z-index: 99999;
}
#header .slicknav_menu {
	border-bottom: 1px solid #343434;
	border-top: 1px solid #343434;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
    background: #fff;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
#header ul.slicknav_nav {
	border: 1px solid #e9e9e9;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav li {
	border-bottom: 1px solid #e9e9e9;
}
.slicknav_nav ul li:last-child {
	border-bottom: 0px solid #e9e9e9;
}
.slicknav_nav a{
    padding:7px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#111;
	font-size:14px;
	letter-spacing:1px;
	text-transform:uppercase;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav li a:hover {
	color: #fff;
	background: #8acace;
}
.slicknav_nav a:hover{
	color: #fff;
	background: #8acace;
}
.slicknav_nav .slicknav_txtnode {
    margin-left:15px;   
}
.slicknav_menu .slicknav_no-text {
	margin-top:7px;
}

/****************************************/
/* 5.0 - Header & Logo
/****************************************/
.home #header, 
.page-template-page-slider #header, 
.page-template-page-fullwidth-slider #header {
	margin-bottom:0;
	border-bottom:none;
}
#header {
	text-align:center;
	width: 1170px;
	padding: 50px 30px 0;
	margin: 0 auto;
	background: #fff;
}
#site-branding {
	text-align: center;
}
#header h1{
	font-family: "Playfair Display", serif;
	color: #111;
	font-size: 80px;
	width: auto;
}
#header a {
	color: #111;
	text-decoration: none;
}
#header h1 a:hover {
	color: #8acace;
}
#header h2 {
	font-family: "Montserrat", sans-erif;
	font-size: 14px;
	color: #111;
	letter-spacing: 2px;
	margin-top: 5px;
	text-transform: uppercase;
}
#logo {
	padding-top:60px;
	padding-bottom: 60px;
}
#logo img {
	max-width:100%;
	height:auto;
	vertical-align:middle;
	max-height: 130px;
}

/****************************************
6.0 - Secondary Menu
*****************************************/
.container2 {
	position:relative;
	width: 1170px;
	margin: 0 auto;
	z-index: 100;
}
#nav-wrapper-secondary {
}
#nav-wrapper-secondary .menu {
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #111;
	margin-bottom: 30px;
}
#nav-wrapper-secondary .menu li {
	display:inline-block;
	margin-right:38px;
	position:relative;
	line-height: 62px;
}
#nav-wrapper-secondary .menu li:last-child {
	margin-right: 0;
}
#nav-wrapper-secondary .menu li a {
	color:#111;
	font-size:13px;
	letter-spacing:2px;
	text-transform:uppercase;
	display:block;
	-o-transition:.25s;
	-ms-transition:.25s;
	-moz-transition:.25s;
	-webkit-transition:.25s;
	transition:.25s;
}
#nav-wrapper-secondary .menu li a:hover {
	color:#8acace;
}
#nav-wrapper-secondary .menu > li.menu-item-has-children > a:after {
	font-family: FontAwesome;
    content: "\f107";
	margin-left:7px;
	color:#111;
	font-size:13px;
}
#nav-wrapper-secondary .menu > li.menu-item-has-children > a:hover:after {
	color:#8acace;
}

/* 6.1 - Drop downs **********/
#nav-wrapper-secondary .menu .sub-menu,
#nav-wrapper-secondary .menu .children {
	background-color: #fff;
	display: none;
	padding: 0;
	position: absolute;
	margin-top:0;
	left: 0;
	z-index: 99999;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	line-height: 46px;
}
#nav-wrapper-secondary ul.menu ul a,
#nav-wrapper-secondary .menu ul ul a {
	color: #111;
	margin: 0;
	font-size:13px;
	letter-spacing:1px;
	line-height: 46px;
	padding: 0px 15px;
	min-width: 250px;
	-o-transition:.25s;
	-ms-transition:.25s;
	-moz-transition:.25s;
	-webkit-transition:.25s;
	transition:.25s;
	border-bottom:1px solid;
	border-color:#f2f2f2;
}
#nav-wrapper-secondary ul.menu ul li,
#nav-wrapper-secondary .menu ul ul li {
	padding-right:0;
	margin-right:0;
	line-height: 46px;
}
#nav-wrapper-secondary ul.menu ul a:hover,
#nav-wrapper-secondary .menu ul ul a:hover {
	color: #fff;
	background:#8acace;
}
#nav-wrapper-secondary ul.menu li:hover > ul,
#nav-wrapper-secondary .menu ul li:hover > ul {
	display: block;
}
#nav-wrapper-secondary .menu .sub-menu ul,
#nav-wrapper-secondary .menu .children ul {	
	left: 100%;
	top: 0;	
}

/****************************************/
/* 7.0 - Featured Slider
/****************************************/
.featured-area {
	box-sizing: border-box;
	padding-bottom: 30px;
}
.featured-area.nopromo {
}
.featured-area-full {
	padding: 0;
}

/* 7.1 Boxed & Full Width Single Sliders ***********/
.featured-area {
	position: relative;
}
.featured-area-full {
	padding-bottom: 30px;
}
.featured-area .feat-item {
	display: table;
	width:100%;
	height:530px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.featured-area .feat-item:hover {
	cursor: pointer;
}
.featured-area .feat-overlay {
	height: 100%;
    display: table-cell;   
    vertical-align: middle;   
	text-align:center;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	background: rgba(34,34,34,0.05);
	z-index: 5;
}
.featured-area .feat-overlay:hover {
	background: rgba(1,1,1,0.5);
}
.featured-area .feat-inner {
	max-width:45%;
	padding: 40px;
	margin:0 auto;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.5s;
	text-shadow: 2px 2px 2px #111;
}
.featured-area .feat-overlay .slider-meta {
	margin: 0 0 13px;
	position: relative;
}
.featured-area .feat-overlay .date {
	display: block;
	color: #fff;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-family: "Montserrat", sans-serif;
}
.featured-area .feat-overlay .cat:before {
	border-bottom: 1.5px solid #fff;
	content: "";
	height: 1.5px;
	width: 15px;
	line-height: 16px;
	position: absolute;
	right: 100%;
	top: 40%;
	margin-right: 5px;
}
.featured-area .feat-overlay .cat:after {
	border-bottom: 1.5px solid #fff;
	content: "";
	height: 1.5px;
	width: 15px;
	line-height: 16px;
	position: absolute;
	left: 100%;
	top: 40%;
}
.featured-area .feat-overlay .cat {
	color: #fff;
	padding: 10px;
}
.featured-area .feat-overlay .cat a {
	display:inline-block;
	margin:0 2px;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:1px;
	padding-bottom:2px;
	font-family: "Montserrat", sans-serif;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.featured-area .feat-overlay .cat a:hover {
	color: #8acace;
}
.featured-area .feat-overlay h2 {
	color:#fff;
	font-size:44px;
	line-height:44px;
	margin: 15px 0 20px;
}
.featured-area .feat-overlay h2 a {
	color:#fff;
	display:block;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.featured-area .feat-overlay h2 a:hover {
	color: #8acace;
}
.bx-wrapper .bx-controls-direction a {
	padding: 10px 0px !important;
	border-color: transparent !important;
}
.bx-wrapper .bx-controls-direction a:hover {
}
.bx-wrapper .bx-controls-direction a .fa {
	font-size: 36px !important;
	color: #111;
}

/* 7.2 - Carousel Sliders *********/
.boxed-carousel-wrapper {
	width: 1230px;
	margin: 0 auto;
	padding-bottom: 20px;
}
.carousel-wrapper {
	width: 1180px;
	margin: 0 auto;
}
.featured-area-carousel {
}
#owl-demo {
	margin-bottom: 0px;
}
#owl-demo .item {
	position: relative;
	margin: 0 5px;
}
.owl-item .image_container {
	height: auto;
	overflow:hidden;
}
#owl-demo .item img{
	max-width:100%;
	height:auto;
}
#owl-demo .item .feat-overlay {
	height: 99%; 
	width: 100%;  
	text-align:center;
	position: absolute;
	top: 0;
	left: 0;
	background:rgba(34,34,34,0.05);
	min-height: 167.5