/*
 * Theme Name: Social Media Chic, LLC
 * Author: Nicole Smith
 * Author URI: http://www.nicolesmithweb.com/
 * Version: 1.0
 */

/*
 * COLOR PALETTE
 *
 * #000000 - Black
 * #4F4FBE - Purple
 * #4EBCBC - Teal
 * #FFFFFF - White
 */

* { transition:all 0.2s linear; }
html, body { margin:0; padding:0; }
body { background:#FFF; color:#414141; font:20px/35px "Open Sans", arial, helvetica, sans-serif; }

/*
 * ELEMENTS
 */
address { font-style:normal; }
img { height:auto; max-width:100%; }
label { vertical-align:top; }
p { margin:35px 0; }

/*
 * HEADINGS
 */
h1, h2, h3, h4, h5, h6 { font-weight:600; line-height:35px; margin:0 0 35px; text-transform:uppercase; }
h1 { font-size:32px; }
h2 { font-size:24px; }

/*
 * LINKS
 */
a:link, a:visited { color:#4F90BE; }
a:hover, a:active, a:focus { color:#414141; }
a img { border:none; }
a.button { border:3px solid #414141; border-radius:2px; color:#414141; display:inline-block; padding:0 10px; text-decoration:none; text-transform:uppercase; }
a.button:hover { background:#414141; color:#FFF; }

/*
 * CLASSES
 */
.aligncenter { text-align:center; }
.alignleft { float:left; margin:0 1em 1em 0; }
.alignright { float:right; margin:0 0 1em 1em; }
.clear { clear:both; }
.entry-footer { clear:both; display:block; font-size:12px; }
.layer { display:flex; min-height:500px; overflow:hidden; }
.menu { margin:0; padding:0; }
.menu li { display:inline; list-style:none; }
.social { background:url('images/social.png') no-repeat; content:"\00a0"; display:inline-block; height:32px; margin:0 5px; text-decoration:none; transition:none; vertical-align:middle; width:32px; }
.social:hover { background-position:0 -32px; }
.social.instagram { background-position:-64px 0; }
.social.instagram:hover { background-position:-64px -32px; }
.social.twitter { background-position:-32px 0; }
.social.twitter:hover { background-position:-32px -32px; }
.wp-caption { font-size:16px; font-style:italic; margin:0 0 35px; }
.wrapper { margin:0 auto; width:1280px; }

/*
 * IDs
 */
#colophon { background:#4F90BE; clear:both; color:#FFF; font-size:14px; line-height:25px; overflow:hidden; }
#content { clear:both; overflow:hidden; padding:50px 0; }
#copyright { background:#414141; clear:both; font-size:11px; height:80px; line-height:80px; padding:60px 0; }
#footer-widget-1, #footer-widget-2, #footer-widget-3 { min-height:345px; padding:100px 0; }
#legal { float:left; width:75%; }
#logo { display:inline-block; float:left; height:155px; line-height:155px; margin-bottom:25px; max-width:20%; width:205px; }
#masthead { overflow:hidden; padding:25px 0 0; }
#menu-mobile { display:none; visibility:hidden; }
#nav-mobile { display:none; padding:0 !important; visibility:hidden; }
#page { width:100%; }
#primary-navigation { float:right; font-size:16px; padding:60px 0; text-align:right; text-transform:none; width:80%; }
#social { float:right; text-align:right; width:25%; }

/*
 * MISCELLANEOUS / OVERRIDES
 */
h2.entry-title a { color:#414141; text-decoration:none; }
h2.entry-title a:hover { text-decoration:underline; }
.archive .hentry, .blog .hentry { border-bottom:2px solid #414141; margin-bottom:35px; padding-bottom:35px; }
.archive .hentry:last-child, .blog .hentry:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; }
.entry-footer span:after { content:"|"; padding-left:0.25em; padding-right:0.25em; }
.entry-footer span > span:after, .entry-footer span:last-child:after { content:""; padding:0.25em; padding-right:0; }
.half .image { background-position:center center; background-size:cover; flex:1 1 50%; float:right; width:50%; }
.half.right .image { float:left; }
.half .text { flex:1 1 36%; float:left; padding:100px 7%; width:36%; }
.half.right .text { float:right; }
.layer.right { color:#FFF; }
.layer.right a.button { border-color:#FFF; color:#FFF; }
.layer.right a.button:hover { background:#FFF; color:#414141; }
.layer:first-child { background:#4F4FBE; }
.layer:nth-child(3) { background:#4EBCBC; }
.layer h2 { font-size:32px; }
.page-template-page-sections #content { padding:0; }
#colophon a { color:#FFF; }
#colophon a:hover { text-decoration:none; }
#colophon h3 { font-size:25px; line-height:25px; margin-bottom:25px; }
#copyright p { margin:0; }
#copyright .wrapper { border-top:1px solid #EEE; }
#logo img { vertical-align:middle; }
#primary-navigation li a { color:#414141; display:inline-block; line-height:35px; padding:0 20px; text-decoration:none; }
#primary-navigation li a:hover, #primary-navigation .current-menu-item a, #primary-navigation .current_page_parent a { background:#414141; border-radius:2px; color:#FFF; }
#social .social:last-child { margin-right:0; }

/*
 * MEDIA QUERIES
 */
@media screen and (max-width:1280px) {
    #primary-navigation li a { font-size:14px; padding:0 15px; }
    .wrapper { max-width:90%; }
    }
    
@media screen and (max-width:1180px) {
    #logo { max-width:15%; }
    #primary-navigation { width:85%; }
    }
    
@media screen and (max-width:1040px) {
    #primary-navigation { font-size:13px; }
    #primary-navigation li a { padding:0 3px; }
    }
    
@media screen and (max-width:960px) {
    #logo { max-width:50%; }
    #menu-main { display:none; visibility:hidden; }
    #menu-mobile { clear:both; margin-bottom:25px; transition:none; visibility:visible; }
    #menu-mobile a { background:#414141; color:#FFF; display:block; line-height:35px; padding:0 5px; text-decoration:none; }
    #menu-mobile a:hover, #menu-mobile .current-menu-item a { background:#4EBCBC; }
    #menu-mobile li { display:block; list-style:none; margin-bottom:3px; }
    #nav-mobile { background:url('images/nav-mobile.png') no-repeat !important; cursor:pointer; display:inline-block; height:40px; text-decoration:none; vertical-align:middle; visibility:visible; width:40px; }
    #primary-navigation { width:50%; }
    }
    
@media screen and (max-width:800px) {
    .half .image { display:none; visibility:hidden; }
    .half .text, .half.right .text { float:none; padding:2.5%; width:95%; }
    .layer { display:block; min-height:0; }
    }

/* iPhone 6 Plus landscape */
@media screen and (max-width:768px) and (max-height:414px) and (orientation:landscape) {
    body { font-size:18px; line-height:25px; }
    h1, h2, h3, h4, h5, h6 { margin-bottom:25px; }
    .half .image, .half.right .image { display:none; visibility:hidden; }
    .half .text, .half.right .text { clear:both; float:none; margin-left:auto; margin-right:auto; padding:25px 0; width:90%; }
    .layer { height:auto; }
    .layer h2 { font-size:28px; }
    #logo { height:100px; line-height:100px; width:132px; }
    #primary-navigation { line-height:100px; }
    }
    
@media screen and (max-width:600px) {
    .half .image, .half.right .image { clear:both; float:none; width:100%; }
    .half .text, .half.right .text { clear:both; float:none; margin-left:auto; margin-right:auto; padding:50px 0; width:90%; }
    .layer { height:auto; }
    #copyright { height:auto; }
    #legal { float:none; text-align:center; width:100%; }
    #social { clear:both; float:none; text-align:center; width:100%; }
    }
    
@media screen and (max-width:480px) {
    #footer-widget-1, #footer-widget-2, #footer-widget-3 { min-height:0; }
    }
    
@media screen and (max-width:420px) {
    .half .image { height:350px; }
    }