/*
Theme Name: Pop Magazine
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: The Barn
Author URI: http://www.thebarnagency.co.uk
Description: Extended from 2015 theme
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: POP

*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

.cf:before, .cf:after {content: " "; display: table; }
.cf:after { clear: both;}

@charset "utf-8";
/* CSS Document */
html {
  -webkit-text-size-adjust: none;
}
body { background:#ffffff; font-family: 'Zurich Light'; color:#000; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased; letter-spacing:1px;   }
.desktop-hide-section { display:none; }
.container { width:100%; overflow:hidden; }
.wrapper { width:100%;  margin:0 auto; box-sizing:border-box;  }
.inner-wrapper { width:100%; max-width:1170px; margin:0 auto; box-sizing:border-box;  }
select::-ms-expand { display: none; }
img { max-width:100%; }
fieldset { border:none; }
a {	-webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration:none; color:#000; display:inline-block; }
a:hover { text-decoration:none; }
.position-relative { position:relative; }
.main {width:100%; margin:0 auto;   box-sizing:border-box;  } 
.button { display:inline-block; line-height:42px; padding:0 35px; font-size:12px;  font-family: 'Zurich Extended'; letter-spacing:2px; color:#000000;  cursor:pointer; border:1px solid #000000; text-transform:uppercase;  box-sizing:border-box; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; background:transparent; text-align:center; } 
.button:hover { background:#000000; color:#ffffff; }
h1 { font-size:72px; font-weight:100; line-height:1em;  }
h2 { font-size:50px; font-weight:100; line-height:1.1em;  }
h3 { font-size:30px; font-weight:100; line-height:1.6em;  }
h4 { font-size:18px; font-weight:100; line-height:1.4em;  }
h5 { font-size:14px; font-weight:100; line-height:1.4em;  }
p { font-size:12px; font-weight:100; line-height:1.8em; letter-spacing:0.02em; }
.vertical-middle { position:relative; top:50%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); -o-transform: translateY(-50%);  transform: translateY(-50%); }
.transform-rotate90 { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); text-align:center; }
.width25 { width:25%; }
.width30 { width:30%; }
.width45 { width:45%; }
.width50 { width:50%; }
.width52 { width:52%; }
.width33 { width:33.33%; }
.padding-top0 { padding-top:0; }
.padding-none { padding:0; }
.margin-top10 { margin-top:10px; }
.margin-top20 { margin-top:20px; }
.margin-top30 { margin-top:30px; }
.margin-top40 { margin-top:40px !important; }
.margin-top50 { margin-top:50px; }
.margin-top60 { margin-top:60px; }
.margin-top80 { margin-top:80px; }
.margin-top90 { margin-top:90px; }
.margin-top100 { margin-top:100px;}
.margin-top140 { margin-top:140px;}
.margin-top200 { margin-top:200px; }
.margin-top-70 { margin-top:-70px;}
.margin-top-75 { margin-top:-75px;}
.margin-top-40 { margin-top:-40px;}
.margin-top-90 { margin-top:-90px;}
.margin-left65 { margin-left:65px;}
.margin-left70 { margin-left:70px;}
.margin-left100 { margin-left:100px;}
.popup-outer { position:fixed; top:0; left:0; width:100%; height:100%; box-sizing:border-box;  z-index:100; background-color: rgba(0, 0, 0, 0.5); padding:40px; display:none; margin:0; } /* TB: removed overflow-y:scroll;  */
.popup-close { position:absolute; width:auto; height:auto; right:80px; top:85px;  }
.popup-close i.close { display:block; width:12px; height:12px; background:url(images/close.svg) top no-repeat; }
/*header start here*/
.banner-outer { width:100%; height:auto;  position:relative; }
.banner-content { width:90%; height:auto; position:absolute; left:80px; bottom:80px; }
.banner-content p { font-size:20px; color:#ffffff; line-height:30px; letter-spacing:4px; text-transform:uppercase; font-family: 'Zurich Extended'; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); }
.banner-content span { display:block; width:100%; margin:8px 0 0 0; font-family:tk-adobe-caslon-pro; font-size:12px; line-height:16px; color:#ffffff; }
.banner-outer img { display:block; height:auto; margin:0 auto;  }
header { position:fixed; width:100%; left:0; top:0; height:1px; z-index:50; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
header .wrapper { padding:0 80px; margin-top:80px; max-width:1440px; }
.top-heading { text-align:center; float:left;  margin-bottom:18px; }
.top-heading h1 { font-size:22px; line-height:30px; color:#000000; font-family: 'Zurich Extended'; text-align:center; text-transform:uppercase; margin-top:74px; letter-spacing:5px; display:inline-block;	 }
/*.logo a i { display:block; background:url(images/POP-Guess-Logo.svg) top no-repeat; background-size:100% auto; width:270px; height:145px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;  }
.logo a:hover i {  background:url(images/POP-Guess-Logo-Grey.svg) top no-repeat; background-size:100% auto;   }*/
.logo { position:relative;  }
.logo a img { display:block; width:270px; height:auto; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.logo a img.gray-logo { opacity:0;  position:absolute; top:0; left:0; }
.logo a:hover img.gray-logo, .logo.switch-logo a img.gray-logo { opacity:1; }
/*.inner-header, .header-bg { background:#ffffff;  }*/
.main-menu a { float:right; text-transform:uppercase; color:#ffffff; font-size:11px; line-height:18px; letter-spacing:4px; margin:18px -23px 0 0; font-family: 'Zurich Extended'; }
.inner-header .main-menu a, .header-bg .main-menu a { color:#000000; }
.main-menu a:hover { text-decoration:none; color:#E6007E; }
.popup-menu-top { width:100%; height:auto; text-align:center; padding:52px 0 0 0; }
.popup-menu-top li { display:inline-block; width:auto; margin:0 46px;  } 
.popup-menu-top li a { display:inline-block;  font-size:11px; line-height:16px; letter-spacing:4px; color:#000000; font-family: 'Zurich'; text-transform:uppercase; padding-bottom:2px; font-family: 'Zurich Extended';  }
.popup-menu-top li a:hover { text-decoration:none; color:#E6007E; }
.popup-menu-top li.active a { border-bottom:1px solid #000000;  }
.popup-menu-center { width:100%; height:auto; text-align:center;  }
.popup-menu-center li { display:inline-block; width:auto; margin:0 42px; font-size:34px; line-height:40px;  color:#000000; font-family:tk-adobe-caslon-pro;  } 
.popup-menu-center li a { display:inline-block;  font-size:24px; line-height:30px; letter-spacing:5px;   color:#000000; font-family: 'Zurich Extended'; text-transform:uppercase; } 
.popup-menu-center li a:hover { text-decoration:none; color:#E6007E; }
.popup-menu-bottom { width:100%; height:auto; text-align:center;  position:absolute; left:0; bottom:93px; }
.popup-menu-bottom li { display:inline-block; width:auto; margin:0 46px;  } 
.popup-menu-bottom li a { display:inline-block;  font-size:11px; line-height:16px; letter-spacing:4px; color:#000000; font-family: 'Zurich Extended';  text-transform:uppercase; }
.popup-menu-bottom li a:hover { text-decoration:none; color:#E6007E; }
/*header end here*/
/*homepage article start here*/
.homepage-article { float:left; position:relative; height:auto; width:100%; margin:100px 0 0 0; box-sizing:border-box; }
.homepage-article img { display:inline-block; }
.article-detail .homepage-article img { display:block; margin:0 auto 50px; }
.homepage-article-content { position:absolute; right:0; width:100%;  top:0; margin-top:46px; text-align:left;  }
.article-category { font-size:10px; line-height:18px; color:#000000; text-transform:uppercase; display:block; width:100%; letter-spacing:4px; font-family: 'Zurich Extended';  }
.article-category a { border-bottom:1px solid #000000; }
.article-category a:hover { color:#E6007E; border-color:#E6007E; }
/*homepage article end here*/
footer {  width:100%; max-width:1170px; height:auto; padding:75px 0 43px; box-sizing:border-box; overflow:visible; margin:0 auto; clear: both;}
footer ul.footer-nav { float:left; width:42%; }
footer ul.footer-nav li { float:left; width:auto; }
footer ul.footer-nav li a { display:inline-block; font-size:11px; line-height:16px; color:#000000; letter-spacing:4px; margin:0 32px 0 0; text-transform:uppercase;  font-family: 'Zurich Extended'; vertical-align:top; }
footer ul.footer-nav li a:hover { text-decoration:none; color:#E6007E;  }
ul.footer-nav .u-followHover {position: relative; overflow: visible;}
ul.footer-nav .u-followHover > ul {position: absolute; bottom: 100%; left: -50%; width: 200%; height: auto; max-height: none; overflow: hidden; text-align: center;}
ul.footer-nav .u-followHover > ul li {width: 100%; display: block;}
ul.footer-nav .u-followHover > ul > li:last-child {padding-bottom: 10px;}
ul.footer-nav .u-followHover.u-active > a {color:#E6007E;}


footer ul.site-credits { float:right; width:15%; }
footer ul.site-credits li { float:right; width:auto; font-size:11px; line-height:16px; color:#cbcbcb; letter-spacing:4px;  text-transform:uppercase;  font-family: 'Zurich Extended';}
footer ul.site-credits li a {  font-size:11px; line-height:16px; letter-spacing:4px; color:#cbcbcb; text-transform:uppercase;  font-family: 'Zurich Extended';}
footer ul.site-credits li a:hover { text-decoration:none; color:#E6007E; }
footer .scroll-top { width:16%; float:left; text-align:center; }
footer .scroll-top  a { display:inline-block; vertical-align:top; font-size:11px; line-height:16px; color:#000000; letter-spacing:4px; text-transform:uppercase;  font-family: 'Zurich Extended'; }
footer .scroll-top  a:hover { text-decoration:none; color:#E6007E;  }
footer .scroll-top i { width:15px; height:20px; display:inline-block; cursor:pointer; background:url(images/up-arrow.svg) top center no-repeat; box-sizing:border-box; padding:0 20px; }
footer .copyright { float:left; width:100%; height:auto; margin:10px 0 0 0; font-size:10px; line-height:14px; color:#cbcbcb;     font-family: 'Zurich'; }
footer .copyright a { font-size:10px; line-height:14px; color:#cbcbcb;  text-decoration:none; }
footer .copyright a:hover { text-decoration:none; color:#E6007E; }
/*two colum homepage css start here*/
.col-2 { width:100%; float:left; }
.col-2 ul { width:102%; float:left; margin-left:-2%; margin-top:60px; }
.col-2 ul li { width:47.77%; display:inline-block; margin-left:2%; margin-bottom:50px; box-sizing:border-box; vertical-align:top; position:relative; }
.col-2 ul li img { display:block; }
.col-2 .homepage-article-content { position:inherit; padding:34px 0 0 100px; top:auto; margin-top:0; }
.col-2 .homepage-article-content h1 { margin-top:10px; }
.col-2 ul li img.margin-left70 { max-width:80%; } 
.col-2 ul li img.margin-left65 { max-width:76%; }
.col-2 ul li img.margin-left100 { max-width:70%; }
/*two colum homepage css end here*/
/*article page css start here*/
.article-detail .homepage-article { margin:50px 0;  }

.article-detail .homepage-article-content ul.share {margin:40px 0 0 0; min-height:20px; display: inline-block;  }
.article-detail .homepage-article-content ul.share li  { float:left;  font-size:11px; line-height:16px; text-transform:uppercase; color:#cbcbcb; letter-spacing:4px; margin:0 20px 0 0; font-family: 'Zurich Extended'; box-sizing:border-box; }
.article-detail .homepage-article-content ul.share li a { color:#cbcbcb; }
.article-detail .homepage-article-content ul.share li a:hover { color:#E6007E; border-color:#E6007E; }
/*article page css end here*/
#mfPreviewBar { display:none !important; }
.alm-btn-wrap { margin-top:50px; text-align:center; float:left; width:100%; }
.alm-btn-wrap button { display:inline-block;  background:url(images/POP-Arrow-Down.svg) top center no-repeat; font-size:16px; line-height:22px; color:#000000; border:none; cursor:pointer; text-indent:-9999px; padding:2px 15px; background-size:14px auto; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; outline:none; }
.alm-btn-wrap button:hover { opacity:0.8; }
.col-2 ul li a.article-hover { opacity:0; position:absolute; left:0; top:0; width:100%; height:auto; }
.col-2 ul li a.article-hover:hover { opacity:0.8; }

.popup-container { width:100%; margin:0 auto;  height:auto; position:absolute; left:0; }
.about-content { width:100%; margin:0 auto; overflow:hidden; height:auto; max-width:440px; font-family:tk-adobe-caslon-pro; }
.about-content h2 { font-size:18px; line-height:28px; text-transform:uppercase; margin:0 0 30px 0; text-align:center; }
.about-content p { font-size:14px; line-height:22px; color:#000000; margin:15px 0 0 0; text-align:justify; }
.contact-content  { width:84%; margin:0 auto; overflow:hidden; height:auto;  font-family:tk-adobe-caslon-pro; max-width:1220px; }
.contact-content h2 { font-size:18px; line-height:28px; text-transform:uppercase; margin:0 0 17px 0;  }
.contact-content address, .contact-content p { font-size:16px; line-height:22px; color:#000000; margin:15px 0 0 0;  }
.contact-content  a { font-size:16px; line-height:22px; color:#000000; }
.contact-content  a:hover { color:#e6007e; text-decoration:none; }
.popup-newsletter { width:100%; height:auto; overflow:hidden; margin-top:32px;  }
.popup-newsletter input { font-family:tk-adobe-caslon-pro; float:left; width:100%; height:50px; box-sizing:border-box; border:1px solid #000000; padding:0 10px; font-size:16px; line-height:50px; text-align:center; font-style:italic; background:none; box-shadow:none; }
.popup-newsletter input + .newsletter-submit {border-top: 0;}
.popup-newsletter .newsletter-submit { width:100%; line-height:50px; height:50px; }

.popup-inner {  background: #ffffff none repeat scroll 0 0;  height: 100%; width: 100%; display:none;}
.overflow-hidden { overflow:hidden; }
.arrow-target-outer { width:100%; float:left; margin:29px 0 0 0; }
.homepage-article-content a.arrow-target { float:left; width:auto;  height:auto; opacity: 1;}
.homepage-article-content a.arrow-target i { display:block; width:20px; height:16px; background:url(images/POP-Post-Arrows-Right.svg) top no-repeat; }
.homepage-article-content a.arrow-target:hover {opacity: 0.7;}
.main-menu { width:auto; }

/*12-01-16*/
.homepage-article .width50 { position:relative; }
.homepage-article .width50.f_right .homepage-article-content { right:auto; left:0;  } 
.newsletter-popup .contact-content { max-width:430px; }
.newsletter-popup .contact-content h2 { text-align:center; }

.homepage-article.left-center { padding-left:240px; text-align:left; }
.homepage-article.right-center { padding-right:240px; text-align:right; }

.homepage-article-content-inner { max-width:385px; /*370px;*/ }
.homepage-article-content.center .homepage-article-content-inner { margin:0 auto; }
.homepage-article-content.left .homepage-article-content-inner { left:0; right:auto; }
.homepage-article-content.right .homepage-article-content-inner { float:right; }
.homepage-article-content.center-left .homepage-article-content-inner { margin-left:240px; right:auto; left:0; }
.homepage-article-content.center-right .homepage-article-content-inner {  margin-right:240px; float:right; }

/*detail page css start here 13-01-16*/
.article-detail { box-sizing:border-box;  }
.article-detail.inner-wrapper { padding:0 70px; }
.article-detail .homepage-article-content { position:inherit; margin:85px auto 0; padding-left:170px; box-sizing:border-box; }
.homepage-article-content h1 { font-family:tk-adobe-caslon-pro; color:#000000; font-weight:100; font-size:30px; line-height:38px; margin:15px 0 0 0; }
.homepage-article-content h2, .homepage-article-content h3,
/*.homepage-article--single .homepage-article-content .like-h3 p { font-family:tk-adobe-caslon-pro; color:#000000; font-weight:100; font-size:30px; line-height:38px; margin:7px 0 0 0; }*/
.homepage-article--single .homepage-article-content .credits {padding-top: 20px;}
.homepage-article--single .homepage-article-content .credits img { width: 100%; height: auto; display: block; }
.homepage-article--single .homepage-article-content .credits a[rel~='attachment'] {display: block; width: 100%;}
.homepage-article-content h1 i { font-style:italic; }
.homepage-article-content p { font-family:tk-adobe-caslon-pro; color:#000000; font-weight:100; font-size:16px; line-height:24px; margin:17px 0 0 0; }

.popup-container .back-to-menu { float:left; width:100%; margin:60px 0 0  0; text-align:center; }
.popup-container .back-to-menu a { display:inline-block;  font-size:11px; line-height:16px; letter-spacing:4px; color:#000000; font-family: 'Zurich Extended';  text-transform:uppercase; }
.popup-container .back-to-menu a:hover { text-decoration:none; color:#E6007E; }
/*detail page css end here 13-01-16*/
.newsletter-content  { width:84%; margin:0 auto; overflow:hidden; height:auto;  font-family:tk-adobe-caslon-pro; max-width:440px; }
.newsletter-content h2 { font-size:18px; line-height:28px; text-transform:uppercase; margin:0 0 17px 0; text-align:center;  }
.newsletter-content address, .newsletter-content p { font-size:16px; line-height:22px; color:#000000; margin:15px 0 0 0;  }
.newsletter-content  a { font-size:16px; line-height:22px; color:#000000; }
.newsletter-content  a:hover { color:#e6007e; text-decoration:none; }
p:empty { display:none; }


/*TB AMENDS*/
#homePageUnmute, #articleVideoUnmute {background: url('./images/icon-mute.svg'); background-size: cover; display: block; width: 20px; height: 18px; position: absolute; bottom: 80px; right: 80px; z-index: 10; cursor: pointer; z-index: 9;}
#homePageUnmute.u-active, #articleVideoUnmute.u-active {background: url('./images/icon-sound.svg'); background-size: cover;}
/*:after {content: ''; display: block; width: 10px; height: 10px; position: absolute; top: 5px; left: 5px; background: black; border-radius: 10px;}*/

.homepage-article--single > img {max-height: 700px; margin: 0 auto; display: block;}
.u-safari-fix {padding-top: 56.25%; position: relative; }
.u-safari-fix video {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}

/* #homePageCover {background: url('./images/Home-Banner-B.jpg') center top no-repeat; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; display: none;} */

#homePageCover { background: center top no-repeat; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; display: none;}

@media (max-width:1169px) {
	#homePageCover {display: block;}
	.u-safari-fix { box-sizing:border-box; min-height: 300px;}
}

/* Long Copy Styles and Fixes */
h2{
  font-family:tk-adobe-caslon-pro;
  font-size: 30px;
}
.homepage-article--single .homepage-article-content .credits p img{
	width: 50%;
    	height: auto;
    	display: inline!important;
}
.credits p{
	line-height: 1.6em;
	font-size: 22px;
}
.post-551 .homepage-article--single > img{
	max-height: none;
	max-width: 900px;
}
.post-551 .article-detail .homepage-article-content{
	padding-left: 0px;
	padding-right: 0px;
}
.post-551 .specialx1{
	line-height: 1.6em;
    	font-size: 22px;
	font-family: tk-adobe-caslon-pro;
    	color: #000000;
    	font-weight: 100;
}

.homepage-article-outer .postid472 {display: none !important;}