/*
Theme Name: Made by Frenchies (SSMAG-Child Theme)
Theme URI: http://hotclonethemes.com/portfolio/ssmag-premium-responsive-wordpress-magazine-theme/
Author: HotCloneThemes
Author URI: http://hotclonethemes.com/
Description: SSMAG masonry style WordPress theme.
Template: madebyfrenchies
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: SSMAG 
Tags: red, light, white, gray, black, one-column, four-columns,two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments
*/

/* Reset default browser CSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
:focus {/* remember to define focus styles! */ outline: 0;}
body {background: #fff; line-height: 1;}
ol, ul {list-style: none;}
table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/* GLOBAL */
body, input, textarea {}
body {background: #ffffff; font-family: Georgia, "Book antiqua", serif;}
#page {background: #fff;}
#main {clear: both; padding: 0 0 0;}
/* Headings */
hr {background-color: #000000; border: 0; height: 1px; margin-bottom: 1.625em;}
/* Text elements */
ul, ol {margin: 0 0 1.625em 2.5em;}
ul {list-style: square;}
ol {list-style-type: decimal;}
ol ol {list-style: upper-alpha;}
ol ol ol {list-style: lower-roman;}
ol ol ol ol {list-style: lower-alpha;}
ul ul, ol ol, ul ol, ol ul {margin-bottom: 0;}
dl {margin: 0 1.625em;}
dt {font-weight: bold;}
dd {	margin-bottom: 1.625em;}
strong {font-weight: bold;}
cite, em, i {font-style: italic;}
pre {background: #f4f4f4;font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em;}
code, kbd, samp, var {font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
abbr, acronym, dfn {border-bottom: 1px dotted #666; cursor: help;}
address {display: block; margin: 0 0 1.625em;}
ins {background: #fff9c0; text-decoration: none;}
sup, sub {font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
small {font-size: smaller;}
/* Forms */
input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], textarea {background: #fafafa; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); border: 1px solid #ddd; color: #888;}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=number]:focus, textarea:focus {color: #373737;}
textarea {padding-left: 3px; 	width: 98%;}
input[type=text], input[type=password], input[type=email], input[type=url], input[type=number] {padding: 3px;}
input#s {}
input#searchsubmit {}

/* ASSISTIVE TEXT */
.assistive-text {position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);}
#access a.assistive-text:focus {background: #eee; border-bottom: 1px solid #ddd; color: #ffffff;	clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%;}

/* LINKS */
a, a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1.entry-title a:hover, .meta-nav a, .meta-nav a:hover, #respond .required, .widget-area a:hover, .footer-widget-area a:hover, #colophon a:hover, .nav-previous a span, .nav-next a span, .postformatlabel a span, .paginate a:hover, .paginate a:active, .paginate .current, #cancel-comment-reply-link {color: #333333!important;}

/* HOMEPAGE */
.separator {margin-bottom: 40px;}

#navigation, .catlabel {
background: #FFFFFF;
}

.sf-menu a, ul.sub-menu a:hover, ul.sub-menu li.current-menu-item a, .catlabel, .catlabel a, .catlabel a:hover, [class^="icon-"], #searchicon, #menutrigger {
color: #FFF;
}


a:hover.styledbutton, a:hover.more-link, .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li.current-menu-item {
background: #EEEEEE!important;
}

a.styledbutton, a.more-link, .sf-menu li, .sf-menu li.sfHover, .sf-menu li.current-menu-item {
background: #FFFFFF!important;
}

a.styledbutton {
/* border: solid 1px #666666; */
}


#branding .only-search #s ,
#branding #s:focus{
	background-color: #FFFFFF;
}



#searchicon div {
	background:#FFFFFF!important;
}

.s_style
{
float: left;
width: 100%!important;
}

#above-navigation {
	z-index:9999;
	width:100%;
	height:auto!important;
}

.header-logo img  {
float: none!important;
min-width: 251px!important;
min-height: 220px!important;
}

.header-tagline {
position: relative;
bottom: 50px;
left: 150px;
width: 38%;
}

.header-tagline  h2 {
font-family: georgia, book antiqua, times, serif;
font-style: italic;
font-weight: bold;
font-size: 0.99em;
color: #000000!important;
}

.header-playlist {
float: right;
width: 40%;
height: 100px;
margin-top: 30px;
}

#navigation {
z-index:9999;
width:100%;
margin-top: 20px;
}

.home-category {font-weight: bold;}
.home-pipe:before  {content:" | ";}
.home-date {text-transform: uppercase;}

article .postlistboxes {
min-height:330px!important;
background-color:#ffffff!important;
margin-bottom:20px!important;
}

.featuredimage {height:219px!important;}

@media only screen and (min-width:1200px) {
.home-article-cat {position: absolute;bottom: 15px;left: 15px;}
}

@media only screen and (min-width:960px) and (max-width:1199px) {
	article .postlistboxes {min-height:250px!important;}
	.featuredimage {height:180px!important;}
}

@media only screen and (min-width:768px) and (max-width:959px) {
	#navigation {display:none;}
	article .postlistboxes {min-height:220px!important;}
	.featuredimage {height:140px!important;}
}

@media only screen and (min-width:480px) and (max-width:767px) {
	#navigation {display:none;}
	.separator {display:none;}
	article .postlistboxes {min-height:150px!important;}
	.featuredimage {height:140px!important;}
	.header-tagline {position: static;width:100%;}
}

@media only screen and (max-width:480px) {
	#navigation {display:none;}
	.separator {display:none;}
	article .postlistboxes {min-height:200px!important;margin-bottom:20px!important;}
	.featuredimage {height:130px!important;}
	.header-tagline {}
	.header-playlist{
	display:inline-block!important;
	position:static!important;
	float:none!important;
	clear:both!important;
	width:100%;
	margin-bottom: 30px;
	height:150px;
	border:solid 1px red;}
}

#sf-menubar-wrapper {
border-top: solid 2px #000!important;
border-bottom: solid 2px #000!important;
height:40px;
}

.sf-menu a
{
  padding-top: 0.75em;
  padding-right: 0.5em!important;
  padding-bottom: 0.75em;
  padding-left: 0.75em!important;
  text-decoration-line: none;
  text-decoration-style: solid;
  font-family: georgia, book antiqua, times, serif;
  font-weight: bold;
  font-size: 0.85em;
}

.sf-menu ul ul li {
	background:#FFFFFF!important;
}

/* TITRES */

h1,h2,h3,h4,h5,h6 {font-family: georgia, book antiqua, times, serif;}
h1 {font-size:2em; margin-top: 0.5em; margin-bottom: 0.5em; font-weight:bold!important; /* margin-top:20px; */}
h2 {font-size:1.5em; line-height: 1.3em; margin-top: 1.3em; font-weight:bold!important;}
h3 {font-size:1.17em; margin:1em 0;}
h4 {font-size:1em; margin:1.33em 0;}
h5 {font-size:0.83em; margin:1.67em 0; }
h6 {font-size:0.75em; margin:2.33em 0;}


h1.entry-title,h2.related-title,h2.entry-title {}
h1.archiveheader {}

/*
p {
	margin-bottom:10px;
	font-size:16px;
	line-height:1.8em;
	font-family:'Lato',Verdana,Geneva,sans-serif;
	font-weight:300;
}
*/
p {font-size:1.05em; line-height: 1.5em; margin-bottom: 1.5em;}

/*
h1 {font-size:36px;}
h2,h3#reply-title {font-size:31px;}
h3 {font-size:28px;}
h4,h5,h6 {font-size:24px;}
h1,h2,h3,h4,h5,h6 {font-weight:400; color:#000000; line-height:1.25; margin:30px 0 10px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#000000;}
h1.entry-title {font-weight:400; font-size:40px; font-style:normal; line-height:45px; padding-bottom:10px;}
*/

/* WIDGETS */
.widget-container { background:#fff; }
.widget-area,.footer-widget-area { font-family:'Droid Sans',sans-serif; font-size:15px; line-height:22px; color:#333333; }
.widget-area ul li,.footer-widget-area ul li { margin-bottom:6px; }
.widget-area a,.footer-widget-area a { text-decoration:none; }
.widget-area a:hover,.footer-widget-area a:hover { text-decoration:underline; }
.widget-title,.widget-title a,.widget-title-bottom,.widget-title-bottom a { max-width:100%; font-family: georgia, book antiqua, times, serif; font-size:1.5em; line-height: 1.3em; color:#000000;}
.widget-title-bottom { color:#000000; }
.widget_rss .widget-title img { height:14px; width:14px;}

/* CITATIONS */
blockquote {
font-family: Georgia,"Times New Roman",Times,serif!important;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
/* quotes: "“" "”" "‘" "’"; */
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote:after {
color: #ccc;
content: close-quote;
font-size: 4em;
line-height: 0.1em;
margin-left: 0.25em;
vertical-align: -0.6em;
}

blockquote p {display: inline;}

/* HOMEPAGE */
.edito-homepage img {
float: left;
margin-right: 20px;
}

.edito-homepage {
clear:both!important;
margin-bottom: 40px;
}

h5.postlisttitle a {font-size:1.5em; line-height: 1.3em; font-weight:bold!important;}

/* FOOTER */
.footer-section-title {color:white; font-weight:bold; border-bottom:solid 1px #FFFFFF; margin-bottom: 1em;}
.footer-section-content {color:white!important;}
.footer-section-content a {color:white!important;}
#footer a :hover,
#footer a :focus,
#footer a:visited {color:white!important;}

#footer a :hover {text-decoration:underline;}

.mc4wp-form button, .mc4wp-form input[type="button"], .mc4wp-form input[type="submit"] {
color:black!important;
background-color:white!important;
}

/* Hide Edito from lists of categories */
.cat-item-30 {display:none;}

#newsletter_input {
width:65%;
}

#newsletter_submit {
width:30%;
padding: 4px;
margin-left: 4px;
}