/** * Version 3 Launch * 2022-03-12 */ /** * Fonts */ @font-face{font-weight:normal;font-style:normal;font-family:'robotothin';src:url('/fonts/Roboto-Thin-webfont.eot');src:url('/fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/Roboto-Thin-webfont.woff') format('woff'),url('/fonts/Roboto-Thin-webfont.ttf') format('truetype'),url('/fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'robotothin_italic';src:url('/fonts/Roboto-ThinItalic-webfont.eot');src:url('/fonts/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/Roboto-ThinItalic-webfont.woff') format('woff'),url('/fonts/Roboto-ThinItalic-webfont.ttf') format('truetype'),url('/fonts/Roboto-ThinItalic-webfont.svg#robotothin_italic') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'robotoregular';src:url('/fonts/Roboto-Regular-webfont.eot');src:url('/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/Roboto-Regular-webfont.woff') format('woff'),url('/fonts/Roboto-Regular-webfont.ttf') format('truetype'),url('/fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'robotoitalic';src:url('/fonts/Roboto-Italic-webfont.eot');src:url('/fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/Roboto-Italic-webfont.woff') format('woff'),url('/fonts/Roboto-Italic-webfont.ttf') format('truetype'),url('/fonts/Roboto-Italic-webfont.svg#robotoitalic') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'robotomedium';src:url('/fonts/Roboto-Medium-webfont.eot');src:url('/fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/Roboto-Medium-webfont.woff') format('woff'),url('/fonts/Roboto-Medium-webfont.ttf') format('truetype'),url('/fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'robotomedium_italic';src:url('/fonts/Roboto-MediumItalic-webfont.eot');src:url('/fonts/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/Roboto-MediumItalic-webfont.woff') format('woff'),url('/fonts/Roboto-MediumItalic-webfont.ttf') format('truetype'),url('/fonts/Roboto-MediumItalic-webfont.svg#robotomedium_italic') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'robotolight';src:url('/fonts/Roboto-Light-webfont.eot');src:url('/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/Roboto-Light-webfont.woff') format('woff'),url('/fonts/Roboto-Light-webfont.ttf') format('truetype'),url('/fonts/Roboto-Light-webfont.svg#robotolight') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'robotolight_italic';src:url('/fonts/Roboto-LightItalic-webfont.eot');src:url('/fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/Roboto-LightItalic-webfont.woff') format('woff'),url('/fonts/Roboto-LightItalic-webfont.ttf') format('truetype'),url('/fonts/Roboto-LightItalic-webfont.svg#robotolight_italic') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'robotobold';src:url('/fonts/Roboto-Bold-webfont.eot');src:url('/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/Roboto-Bold-webfont.woff') format('woff'),url('/fonts/Roboto-Bold-webfont.ttf') format('truetype'),url('/fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'robotobold_italic';src:url('/fonts/Roboto-BoldItalic-webfont.eot');src:url('/fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/Roboto-BoldItalic-webfont.woff') format('woff'),url('/fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'),url('/fonts/Roboto-BoldItalic-webfont.svg#robotobold_italic') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'robotoblack';src:url('/fonts/Roboto-Black-webfont.eot');src:url('/fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/Roboto-Black-webfont.woff') format('woff'),url('/fonts/Roboto-Black-webfont.ttf') format('truetype'),url('/fonts/Roboto-Black-webfont.svg#robotoblack') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'robotoblack_italic';src:url('/fonts/Roboto-BlackItalic-webfont.eot');src:url('/fonts/Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/Roboto-BlackItalic-webfont.woff') format('woff'),url('/fonts/Roboto-BlackItalic-webfont.ttf') format('truetype'),url('/fonts/Roboto-BlackItalic-webfont.svg#robotoblack_italic') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'roboto_condensedlight_italic';src:url('/fonts/RobotoCondensed-LightItalic-webfont.eot');src:url('/fonts/RobotoCondensed-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/RobotoCondensed-LightItalic-webfont.woff') format('woff'),url('/fonts/RobotoCondensed-LightItalic-webfont.ttf') format('truetype'),url('/fonts/RobotoCondensed-LightItalic-webfont.svg#roboto_condensedlight_italic') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'roboto_condensedlight';src:url('/fonts/RobotoCondensed-Light-webfont.eot');src:url('/fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/RobotoCondensed-Light-webfont.woff') format('woff'),url('/fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'),url('/fonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'roboto_condenseditalic';src:url('/fonts/RobotoCondensed-Italic-webfont.eot');src:url('/fonts/RobotoCondensed-Italic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/RobotoCondensed-Italic-webfont.woff') format('woff'),url('/fonts/RobotoCondensed-Italic-webfont.ttf') format('truetype'),url('/fonts/RobotoCondensed-Italic-webfont.svg#roboto_condenseditalic') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'roboto_condensedregular';src:url('/fonts/RobotoCondensed-Regular-webfont.eot');src:url('/fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),url('/fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),url('/fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'roboto_condensedbold_italic';src:url('/fonts/RobotoCondensed-BoldItalic-webfont.eot');src:url('/fonts/RobotoCondensed-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/RobotoCondensed-BoldItalic-webfont.woff') format('woff'),url('/fonts/RobotoCondensed-BoldItalic-webfont.ttf') format('truetype'),url('/fonts/RobotoCondensed-BoldItalic-webfont.svg#roboto_condensedbold_italic') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'roboto_condensedbold';src:url('/fonts/RobotoCondensed-Bold-webfont.eot');src:url('/fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),url('/fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),url('/fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'roboto_slabbold';src:url('/fonts/RobotoSlab-Bold-webfont.eot');src:url('/fonts/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/RobotoSlab-Bold-webfont.woff') format('woff'),url('/fonts/RobotoSlab-Bold-webfont.ttf') format('truetype'),url('/fonts/RobotoSlab-Bold-webfont.svg#roboto_slabbold') format('svg')} @font-face{font-weight:normal;font-style:normal;font-family:'roboto_slabthin';src:url('/fonts/RobotoSlab-Thin-webfont.eot');src:url('/fonts/RobotoSlab-Thin-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/RobotoSlab-Thin-webfont.woff') format('woff'),url('/fonts/RobotoSlab-Thin-webfont.ttf') format('truetype'),url('/fonts/RobotoSlab-Thin-webfont.svg#roboto_slabthin') format('svg')} @font-face{font-weight:normal;font-style:normal;font-family:'roboto_slablight';src:url('/fonts/RobotoSlab-Light-webfont.eot');src:url('/fonts/RobotoSlab-Light-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/RobotoSlab-Light-webfont.woff') format('woff'),url('/fonts/RobotoSlab-Light-webfont.ttf') format('truetype'),url('/fonts/RobotoSlab-Light-webfont.svg#roboto_slablight') format('svg')} @font-face{font-weight:normal;font-style:normal;font-family:'roboto_slabregular';src:url('/fonts/RobotoSlab-Regular-webfont.eot');src:url('/fonts/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/RobotoSlab-Regular-webfont.woff') format('woff'),url('/fonts/RobotoSlab-Regular-webfont.ttf') format('truetype'),url('/fonts/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg')} @font-face{font-weight:normal;font-style:normal;font-family:'pt_sansbold';src:url('/fonts/PTS75F-webfont.eot');src:url('/fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/PTS75F-webfont.woff') format('woff'),url('/fonts/PTS75F-webfont.ttf') format('truetype'),url('/fonts/PTS75F-webfont.svg#pt_sansbold') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'pt_sansbold_italic';src:url('/fonts/PTS76F-webfont.eot');src:url('/fonts/PTS76F-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/PTS76F-webfont.woff') format('woff'),url('/fonts/PTS76F-webfont.ttf') format('truetype'),url('/fonts/PTS76F-webfont.svg#pt_sansbold_italic') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'pt_sansitalic';src:url('/fonts/PTS56F-webfont.eot');src:url('/fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/PTS56F-webfont.woff') format('woff'),url('/fonts/PTS56F-webfont.ttf') format('truetype'),url('/fonts/PTS56F-webfont.svg#pt_sansitalic') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'pt_sansregular';src:url('/fonts/PTS55F-webfont.eot');src:url('/fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/PTS55F-webfont.woff') format('woff'),url('/fonts/PTS55F-webfont.ttf') format('truetype'),url('/fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'pt_sans_captionbold';src:url('/fonts/PTC75F-webfont.eot');src:url('/fonts/PTC75F-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/PTC75F-webfont.woff') format('woff'),url('/fonts/PTC75F-webfont.ttf') format('truetype'),url('/fonts/PTC75F-webfont.svg#pt_sans_captionbold') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'pt_sans_captionregular';src:url('/fonts/PTC55F-webfont.eot');src:url('/fonts/PTC55F-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/PTC55F-webfont.woff') format('woff'),url('/fonts/PTC55F-webfont.ttf') format('truetype'),url('/fonts/PTC55F-webfont.svg#pt_sans_captionregular') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'pt_sans_narrowbold';src:url('/fonts/PTN77F-webfont.eot');src:url('/fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/PTN77F-webfont.woff') format('woff'),url('/fonts/PTN77F-webfont.ttf') format('truetype'),url('/fonts/PTN77F-webfont.svg#pt_sans_narrowbold') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'pt_sans_narrowregular';src:url('/fonts/PTN57F-webfont.eot');src:url('/fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/PTN57F-webfont.woff') format('woff'),url('/fonts/PTN57F-webfont.ttf') format('truetype'),url('/fonts/PTN57F-webfont.svg#pt_sans_narrowregular') format('svg');} @font-face{font-weight:normal;font-style:normal;font-family:'FontAwesome';src:url('/fonts/fontawesome-webfont.eot?v=4.4.0');src:url('/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');} @font-face{ font-weight:300; font-style:normal; font-display:auto; font-family:'Font Awesome 5 Pro'; src:url("/fonts/fa5.9.0/fa-solid-900.eot"); src:url("/fonts/fa5.9.0/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/fonts/fa5.9.0/fa-solid-900.woff2") format("woff2"), url("/fonts/fa5.9.0/fa-solid-900.woff") format("woff"), url("/fonts/fa5.9.0/fa-solid-900.ttf") format("truetype"), url("/fonts/fa5.9.0/fa-solid-900.svg#fontawesome") format("svg"); } @font-face{ font-weight:400; font-style:normal; font-display:auto; font-family:'Font Awesome 5 Pro'; src:url("/fonts/fa5.9.0/fa-regular-400.eot"); src:url("/fonts/fa5.9.0/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/fonts/fa5.9.0/fa-regular-400.woff2") format("woff2"), url("/fonts/fa5.9.0/fa-regular-400.woff") format("woff"), url("/fonts/fa5.9.0/fa-regular-400.ttf") format("truetype"), url("/fonts/fa5.9.0/fa-regular-400.svg#fontawesome") format("svg"); } .fal { font-family: 'Font Awesome 5 Pro'; font-weight: 300; } body {background:#121212;color:#999999;font-size:13px;font-family:Georgia,"Times New Roman",Times,serif;line-height:22px;margin:0px auto 0px;padding:0px;} #wrap {margin:0px auto 0px;padding:0px 20px;width:1340px;overflow:hidden;} /************************************************ * 0. Common * ************************************************/ .hidden {display:none;} .clear {clear:both;} .linerule {border-bottom:1px solid #666666;padding-top:15px;margin-bottom:15px;} hr {border:0;width:100%;height:1px;color:#CCCCCC;background-color:#CCCCCC;margin:5px 0px 8px 0px;padding:0px;} code {color:#222222;background:#EAEAEA;font-size:11px;margin:0px;padding:10px;display:block;font-family:Verdana,Tahoma;} img {max-width:100%;} /************************************************ * 1. Hyperlinks * ************************************************/ a, a:link, a:visited {color:#666666;text-decoration:underline;transition:background .25s, color .25s;-moz-transition:background .25s, color .25s;-webkit-transition:background .25s, color .25s;-o-transition:background .25s, color .25s;} a:focus, a:hover, a:active {color:#FFFFFF;outline:none;text-decoration:none;} a img {border:none;} #footerwidgets a:hover, #footer a:hover,#footerwidgets a:focus, #footer a:focus,#footerwidgets a:active, #footer a:active {background:none !important;} /************************************************ * 2. Headings * ************************************************/ h1 {color:#FFFFFF;font-family:'Oswald',Arial,Helvetica,sans-serif;font-size:36px;font-weight:normal;font-style:normal;text-transform:uppercase;text-shadow:2px 2px 0px #000000;line-height:42px;letter-spacing:-1.5px;margin:5px 0px 5px 0px;padding:5px 0px 5px 0px;} h2 {color:#FFFFFF;font-family:'Oswald',Arial,Helvetica,sans-serif;font-size:24px;font-weight:normal;font-style:normal;text-transform:uppercase;text-shadow:2px 2px 0px #000000;line-height:30px;margin:4px 0px 6px 0px;padding:4px 0px 6px 0px;} h3 {color:#FFFFFF;font-size:12px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-style:normal;text-transform:uppercase;margin:0px 0px 5px 0px;padding:0px 0px 5px 0px;line-height:18px;} h4 {color:#FFFFFF;font-size:12px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-style:normal;text-transform:none;margin:0px 0px 5px 0px;padding:0px 0px 0px 0px;line-height:18px;} h5 {color:#FFFFFF;font-size:16px;font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;font-style:italic;text-transform:none;margin:10px 0px 5px 0px;padding:0px;line-height:22px;} h6 {color:#FFFFFF;font-size:16px;font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;font-style:italic;text-transform:none;margin:8px 0px 5px 0px;padding:0px 0px 2px 0px;line-height:22px;border-bottom:1px dotted #333333;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color:#FFFFFF;text-decoration:none;border:none;transition:color .2s;-moz-transition:color .2s;-webkit-transition:color .2s;-o-transition:color .2s;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus,h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {color:#999999;background:none;text-decoration:none;border:none;} #container h1 a:hover, #container h2 a:hover, #container h3 a:hover,#container h1 a:focus, #container h2 a:focus, #container h3 a:focus,#container h1 a:active, #container h2 a:active, #container h3 a:active {background:none !important;} /************************************************ * 3. Header * ************************************************/ #header {background:none;width:960px;height:140px;margin:0px auto 0px;padding:0px;} #header #title {padding:0px;margin:0px;} #header #title a {background:url(images/logo.png) no-repeat;float:left;display:block;width:960px;height:140px;margin:0;padding:0;text-indent:-9999px;overflow:hidden;} /************************************************ * 4. Navbar * ************************************************/ #navbar {background:none;width:960px;height:40px;font-size:11px;font-family:Arial,Helvetica,sans-serif;font-style:normal;text-transform:uppercase;color:#FFFFFF;font-weight:normal;margin:0px auto 0px;padding:20px 0px 0px 0px;} /*** ESSENTIAL STYLES ***/ .menu, .menu * {margin:0;padding:0;list-style:none;} .menu {line-height:1.0;} .menu ul {margin:0px;padding:0px;} .menu ul ul, ul.menu ul {position:absolute;top:-9999px;width:180px; /* left offset of submenus need to match (see below) */ } .menu ul li ul li, ul.menu ul li {width:100%;border:none;margin:0px 0px 0px 0px;} .menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} .menu li {float:left;position:relative;} .menu a {display:block;position:relative;} .menu li:hover ul,.menu li.sfHover ul {left:0;top:45px; /* match top ul list item height */ z-index:99;} ul.menu li:hover li ul,ul.menu li.sfHover li ul {top:-9999px;} ul.menu li li:hover ul,ul.menu li li.sfHover ul {left:180px; /* match ul width */ top:0;} ul.menu li li:hover li ul,ul.menu li li.sfHover li ul {top:-9999px;} ul.menu li li li:hover ul,ul.menu li li li.sfHover ul {left:180px; /* match ul width */ top:0;} /*** SKIN ***/ #navbar .menu .current_page_item a,#navbar .menu .current_page_ancestor a,#navbar .menu .current-menu-item a,#navbar .menu .current-cat a {color:#FFFFFF !important;border-bottom:4px solid #333333;} #navbar .menu li .current_page_item a, #navbar .menu li .current_page_item a:hover,#navbar .menu li .current-menu-item a, #navbar .menu li .current-menu-item a:hover,#navbar .menu li .current-cat a, #navbar .menu li .current-cat a:hover {color:#FFFFFF !important;background:#121212;border-bottom:none;} #navbar .menu .current_page_item ul li a,#navbar .menu .current-menu-item ul li a,#navbar .menu .current-menu-ancestor ul li a,#navbar .menu .current_page_ancestor ul li a,#navbar .menu .current-cat ul li a {background-color:#FFFFFF;color:#000000 !important;border-bottom:none;} #navbar .menu .current_page_item ul li a:hover,#navbar .menu .current-menu-item ul li a:hover,#navbar .menu .current-menu-ancestor ul li a:hover,#navbar .menu .current_page_ancestor ul li a:hover,#navbar .menu .current-menu-ancestor ul .current_page_item a,#navbar .menu .current_page_ancestor ul .current-menu-item a,#navbar .menu .current-cat ul li a:hover {background:#121212;color:#FFFFFF !important;border-bottom:none;} .menu {float:left;margin-bottom:0;} .menu a {border-bottom:4px solid #121212;padding:17px 10px 8px 10px;text-decoration:none;font-style:normal;font-weight:bold;line-height:16px;} .menu li li a, .menu li li a:visited {color:#666666;padding:10px 10px 10px 10px;text-decoration:none;text-transform:none;text-shadow:none;border:none;} .menu a, .menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#666666;} .menu a:focus, .menu a:hover, .menu a:active {background:none;border-bottom:4px solid #333333;color:#FFFFFF;outline:0;} .menu li {background:none;} .menu li li {background:#FFFFFF;border:none;} .menu li li li {background:#FFFFFF;border:none;} .menu li:hover, .menu li.sfHover {background:none;border-bottom:none;outline:0;} .menu li li:hover, .menu li li.sfHover {background:#121212;color:#FFFFFF;border:none;outline:0;padding:0px;} .menu li li a:focus, .menu li li a:hover, .menu li li a:active {background:#121212;color:#FFFFFF;border-bottom:none;outline:0;} /*** ARROWS **/ .menu a.sf-with-ul {padding-right:25px;min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator {position:absolute;display:block;right:10px;top:19px; /* IE6 only */ width:10px;height:10px;text-indent:-9999px;overflow:hidden;background:url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */} a > .sf-sub-indicator { /* give all except IE6 the correct values */ top:19px;background-position:0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .menu ul ul .sf-sub-indicator, ul.menu ul .sf-sub-indicator {background-position:-10px 0;} .menu ul ul a > .sf-sub-indicator, ul.menu ul a > .sf-sub-indicator {top:10px;background-position:0 0;} /* apply hovers to modern browsers */ .menu ul ul a:focus > .sf-sub-indicator,.menu ul ul a:hover > .sf-sub-indicator,.menu ul ul a:active > .sf-sub-indicator,.menu ul ul li:hover > a > .sf-sub-indicator,.menu ul ul li.sfHover > a > .sf-sub-indicator {background-position:-10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul ul {background:none;padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px;} .sf-shadow ul.sf-shadow-off {background:transparent;} /************************************************ * 5. Homepage Top * ************************************************/ #hometop {float:left;display:block;width:960px;height:100%;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} #textbanner {float:left;display:block;width:960px;height:100%;text-align:center;margin:0px 0px 20px 0px;padding:0px 0px 20px 0px;border-bottom:5px solid #333333;} #textbanner h1 {font-size:52px;line-height:60px;text-shadow:2px 2px 0px #000000;} #homefeature {float:left;display:block;width:960px;height:100%;margin:0px 0px 20px 0px;padding:0px 0px 20px 0px;border-bottom:5px solid #333333;} #homewidgets {float:right;display:block;width:310px;height:440px;padding:0px;margin:0px;overflow:hidden;} #homewidgets ul {padding:0px;margin:0px;} #homewidgets ul li {list-style:none;margin:0px 0px 0px 0px;} #homewidgets ul li a {display:block;color:#FFFFFF;font-size:12px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-style:normal;text-decoration:none;padding:5px 0px 5px 0px;} #homewidgets ul li a:hover {color:#FFFFFF;text-decoration:none;} #homewidgets .textwidget a {font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;font-style:italic;display:inline;} #homewidgets .textwidget a:hover {color:#FFFFFF;text-decoration:none;} /************************************************ * 6. Homepage Body * ************************************************/ #homepage {float:left;display:inline;clear:both;width:960px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} #homepage ul {list-style:none;list-style-type:none;margin:0px 0px 0px 5px;padding:0px 0px 10px 0px;} #homepage ul li {list-style:none;list-style-type:none;padding:0px;margin:0px 0px 5px 0px;} .homepagemid {float:left;display:block;width:460px;margin:0px;padding:0px;} .homepagethumb {width:460px;margin:0px;padding:0px;overflow:hidden;} .homepagecontent {background:#000000;margin:0px 0px 15px 0px;padding:5px;z-index:1;transition:background .2s;-moz-transition:background .2s;-webkit-transition:background .2s;-o-transition:background .2s;} .homepagecontent p {margin:0px 0px 0px 0px;padding:0px 0px 8px 0px;} .homepagecontent iframe, .homepagecontent embed, .homepagecontent object {display:block;width:450px;height:254px;overflow:hidden;} .homepagecontent a img {display:block;max-width:450px;overflow:hidden;} /*.homepagecontent:hover {background:#191919;box-shadow:3px 3px 0px #000000;-moz-box-shadow:3px 3px 0px #000000;-webkit-box-shadow:3px 3px 0px #000000;}*/ .homeinfo {padding:10px;} /************************************************ * 7. Featured Slider * ************************************************/ #homeslider {float:left;display:block;width:620px;height:440px;margin:0px 30px 0px 0px;padding:0px;overflow:hidden;} #homeslider ul, #homeslider li {list-style-type:none;margin:0px;padding:0px;} #homeslider a img:hover, #homeslider .feature_img:hover, #homeslider .feature_img:focus,#homeslider .feature_img:active {background:none !important;} #homeslider h2 {display:inline-block;font-size:22px;text-transform:uppercase;line-height:28px;border-bottom:none;padding:12px 0px 6px 0px;margin:0px 0px 0px 0px;} #homeslider p {height:44px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;overflow:hidden;} #slider1 {max-height:440px !important;overflow:hidden;} div.anythingSlider {width:620px !important;margin:0 auto 0;padding:0px 0px 0px 0px;position:relative;list-style:none;} div.anythingSlider li iframe, div.anythingSlider li embed,div.anythingSlider li object {float:left;display:block;width:620px;height:350px;margin:0px;padding:0px;position:relative;z-index:8;} div.anythingSlider li .feature_video {float:left;display:block;width:620px;height:350px;margin:0px;padding:0px;overflow:hidden;position:relative;z-index:8;} div.anythingSlider li .feature_img {float:left;display:block;width:620px;height:350px;margin:0px;padding:0px;overflow:hidden;position:relative;z-index:1;} div.anythingSlider .anythingWindow {float:left;display:block;position:relative;width:620px;height:440px;margin:0px;padding:0px;overflow:hidden;z-index:1;clear:both;} ul.anythingBase {background:transparent;list-style:none;position:absolute;top:0;left:0;margin:0px;padding:0px;} ul.anythingBase li.panel {background:transparent;display:block;overflow:hidden;float:left;padding:0px;margin:0px;} /* Navigation Arrows */ div.anythingSlider .arrow.back {float:left;display:block;background:#121212 url(images/prev_btn.png) no-repeat;position:absolute;width:30px;height:50px;margin:160px auto 0px;left:0px;cursor:pointer;clear:both;z-index:9;overflow:hidden;} div.anythingSlider .arrow.forward {float:right;display:block;background:#121212 url(images/next_btn.png) no-repeat;position:absolute;width:30px;height:50px;margin:160px auto 0px;right:0px;cursor:pointer;clear:both;z-index:9;overflow:hidden;} div.anythingSlider .arrow a {display:block;color:#333333 !important;height:50px;width:30px;font-size:16px;text-align:center;text-indent:-9999px;line-height:50px;margin:0px 0px 0px 0px;outline:0;} #container div.anythingSlider .arrow a:hover, #container div.anythingSlider .arrow a:active, #container div.anythingSlider .arrow a:focus {text-decoration:none;background:none !important;} div.anythingSlider .back:hover, div.anythingSlider .forward:hover {background-position:-30px 0 !important;} div.anythingSlider .arrow a:active, div.anythingSlider .arrow a:focus {text-decoration:none;} div.anythingSlider .arrow.forward a {} div.anythingSlider .arrow.back a {} div.anythingSlider .forward.disabled {display:none;} div.anythingSlider .back.disabled {display:none;} /* Autoplay Start/Stop button */ div.anythingSlider .start-stop {display:none !important;} /* Navigation Links */ div.anythingSlider .anythingControls {display:none !important;} /************************************************ * 8. Content * ************************************************/ #container {float:left;display:block;width:960px;margin:0px auto 0px;padding:20px 0px 0px 0px;border-top:1px dotted #333333;} #content.left {float:left;display:block;width:640px;margin:0px 0px 0px 0px;padding:0px 10px 0px 0px;} #content.wide {float:left;display:block;width:960px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} #content.archive {float:left;display:block;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} #content.archive .postarea {width:100%;margin:0px;padding:0px;} #content.archive .post {padding:0px 5px;} #content.archive .post h2, .search #content.left h2 {margin:0px 0px 4px 0px;padding:0px 0px 4px 0px;} .title_page {margin:0px 0px 10px 0px;padding:0px 0px 10px 0px;border-bottom:5px solid #333333;} .postarea p {padding:6px 0px 6px 0px;margin:0px;} .postarea ol {margin:0px 0px 0px 20px;padding:0px 0px 10px 0px;} .postarea ol li {margin:0px 0px 0px 20px;padding:0px 0px 5px 0px;} .postarea ul {list-style-type:none;margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;} .postarea ul ul {list-style-type:none;margin:0px;padding:0px 0px 0px 0px;} .postarea ul li {list-style:inside;list-style-type:square;background:none;padding:0px 0px 0px 15px;margin:0px 0px 5px 0px;} .postarea ul ul li {background:none;padding:0px 0px 0px 15px;margin:0px 0px 5px 0px;} blockquote {font-size:24px;font-style:italic;line-height:32px;margin:15px 25px 15px 25px;padding:0px 25px 0px 15px;border-left:1px dotted #333333;} blockquote p {margin:0px;padding:10px 0px 10px 0px;} .postauthor {margin:-5px 0px 5px 0px;padding:0px 0px 0px 0px;} .postauthor p {color:#999999;padding:0px 0px 0px 0px;} .postmeta {background:none;font-size:11px;margin:10px 0px 25px 0px;padding:5px 10px 5px 10px;border-top:5px solid #333333;border-bottom:1px dotted #333333;} .postmeta p {margin:0px;padding:0px;} .avatar {background:#FFFFFF;margin:10px 10px 10px 0px;padding:5px;border:1px solid #DDDDDD;} .author_column {float:right;width:470px;margin:10px 0px 0px 0px;padding:0px 0px 0px 19px;border-left:1px dotted #333333;} .archive_column {float:left;width:310px;margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;} .archive_column.first {padding:10px 20px 10px 0px;} /************************************************ * 9. Social Links * ************************************************/ #homepage .social_links {display:inline-block;width:100%;margin:8px 0px 0px 0px;padding:0px;} #content .social_links {display:inline-block;width:100%;margin:15px 0px 15px 0px;padding:0px;} #container .tweet_btn, #container .like_btn, #container .plus_btn {float:left;display:inline-block;width:100px;height:22px;margin:0px 2px 0px 0px;padding:0px;} /************************************************ * 10. Pagination * ************************************************/ #pagination {display:block;width:100%;font-family:Arial,Helvetica,sans-serif;text-align:center;padding:0px;margin:0px;overflow:hidden;} #portfolio #pagination {margin-top:20px;} .pagination {float:left;display:block;width:100%;text-align:center;margin:10px 0px 10px 0px;padding:0px;} .number-paginate {padding:10px 0px;} .number-paginate a {display:inline-block;background:none;color:#666666;height:30px;line-height:30px;margin-right:4px;padding:0px 12px;font-weight:bold;text-align:center;text-decoration:none;border:none;} .number-paginate a:hover, .number-paginate a:active {background:#000000;color:#FFFFFF;height:30px;line-height:30px;padding:0px 12px;border:none;} .number-paginate .number-title {color:#555555;margin-right:4px;} .number-paginate .number-gap {color:#999999;margin-right:4px;} .number-paginate .number-current {display:inline-block;background:#000000;color:#FFFFFF;height:30px;line-height:30px;margin-right:4px;padding:0px 12px;font-weight:bold;text-align:center;} .number-paginate .number-page {} .number-paginate .number-prev {} .number-paginate .number-next {} #prevLink {float:left;padding:0px;margin:0px;} #nextLink {float:right;padding:0px;margin:0px;} #prevLink p, #nextLink p {padding:0px;} #prevLink p a, #nextLink p a {display:block;padding:0px;} /************************************************ * 11. Portfolio 3 Column * ************************************************/ .portfolio.three {float:left;display:block;background:#191919;width:310px;margin:10px 5px 0px 5px;padding:0px 0px 0px 0px;border-top:none;position:relative;z-index:1;zoom:1;transition:background .2s;-moz-transition:background .2s;-webkit-transition:background .2s;-o-transition:background .2s;} .portfolio.three:hover {background:#FFFFFF;box-shadow:3px 3px 0px #DDDDDD;-moz-box-shadow:3px 3px 0px #DDDDDD;-webkit-box-shadow:3px 3px 0px #DDDDDD;} .portfoliotitle.three {float:left;display:block;margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;width:290px;max-height:90px;overflow:hidden;} .portfoliotitle.three p {margin:0px;padding:0px !important;font-size:11px;line-height:20px;height:60px;overflow:hidden;} .portfoliotitle.three h3 {height:16px;text-align:center;margin:0px 0px 8px 0px;padding:2px 1px 0px 1px;overflow:hidden;} .portfolioimg.three a img {float:left;display:block;clear:both;margin:5px;padding:0px;} .portfoliovideo iframe, .portfoliovideo embed, .portfoliovideo object {display:block;width:300px;height:170px;margin:5px;padding:0px;overflow:hidden;} /************************************************ * 12. WordPress Gallery * ************************************************/ .gallery {margin:auto;padding:0px;} .gallery-item {margin:5px 0px;} .gallery img {background:#FFFFFF;border:1px solid #DDDDDD !important;padding:4px;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;} .gallery img:hover {background:#191919;} /************************************************ * 13. Images * ************************************************/ #featureimg img {display:block;margin:0px 0px 20px 0px;padding:0px;} .postimg_archive img {display:block;margin:12px auto 8px;padding:0px;overflow:hidden;} .postvid_archive iframe, .postvid_archive embed, .postvid_archive object {display:block;width:450px;height:254px;margin:12px 0px 8px 0px;padding:0px;} .postimg_blog img {display:block;margin:15px auto 10px;padding:0px;} .postvid_blog iframe, .postvid_blog embed, .postvid_blog object {display:block;width:640px;height:360px;margin:15px auto 10px;padding:0px;} .postimg_single img {display:block;margin:0px auto 15px;padding:0px;} .postvid_single iframe, .postvid_single embed, .postvid_single object {display:block;width:640px;margin:0px auto 15px;padding:0px;}/*height:360px;*/ img.centered {display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;padding:0px;} img.alignnone {padding:0px;margin:10px 0px 10px 0px;display:block;} img.alignright {padding:0px;margin:0px 0px 10px 15px;display:inline;} img.alignleft {padding:0px;margin:0px 15px 10px 0px;display:inline;} .aligncenter {display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;} .alignright {float:right;margin:10px 0px 10px 15px;} .alignleft {float:left;margin:10px 15px 10px 0px;} .wp-caption {text-align:center;background-color:#FFFFFF;padding:5px 0px 0px 0px;margin-bottom:10px;border:1px solid #DDDDDD;} .wp-caption img {margin:0px 0px 0px 0px;padding:0px;border:0px;} .wp-caption p.wp-caption-text {margin:0px;padding:5px;font-size:11px;font-weight:normal;} /************************************************ * 14. Sidebar Left * ************************************************/ #sidebar_left {float:left;display:inline-block;line-height:20px;width:180px;margin:0px 20px 0px 0px;padding:0px;} #sidebar_left ul {list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} #sidebar_left .featuredtitle {border:none;margin:0px 0px 5px 0px;padding:0px 0px 5px 0px;} #sidebar_left .sidecontent {background:#191919;margin:0px 0px 20px 0px;padding:0px;} #sidebar_left .sidecontent h3 {padding:12px 10px 8px 10px;margin:0px 0px 0px 0px;border-bottom:none;} #sidebar_left .sidecontent p {height:64px;margin:0px 0px 10px 0px;padding:0px 10px 0px 10px;overflow:hidden;} #sidebar_left .sidecontent a img {display:block;margin:0px;padding:0px;} #sidebar_left .sidecontent .morelink {font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:600;background:#000;color:#FFF;text-transform:uppercase;text-align:center;text-decoration:none;margin:0px auto 0px;padding:5px 0px;width:180px;float:left;} #sidebar_left .sidecontent .morelink:hover {background:#FFFF00;color:#FFFFFF;} /************************************************ * 15. Sidebar Right * ************************************************/ #sidebar_right {float:right;display:inline-block;line-height:20px;width:280px;margin:0px;padding:0px;} #sidebar_right ul {list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} #sidebar_right h4, #sidebar_left h4 {margin:0px 0px 10px 0px;padding:0px 0px 4px 0px;border-bottom:1px dotted #333333;} /************************************************ * 16. Sidebar Widgets * ************************************************/ .widget {padding:0px 0px 15px 0px;} .textwidget p {margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;} #sidebar_right .widget, #sidebar_left .widget {list-style:none;margin:0px 0px 20px 0px;padding:0px;} #sidebar_right .widget ul, #sidebar_left .widget ul {color:#FFFFFF;margin:0px 0px 0px 0px;} #sidebar_right .widget ul li, #sidebar_left .widget ul li {color:#FFFFFF;display:inline;background:none;margin:0px;padding:0px;overflow:hidden;} #sidebar_right .widget ul li a, #sidebar_left .widget ul li a {display:block;color:#FFFFFF;font-size:12px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-style:normal;text-decoration:none;padding:5px 0px 5px 0px;margin:0px 0px 0px 0px;} #sidebar_right .widget ul li a:hover, #sidebar_left .widget ul li a:hover {color:#FFFFFF;display:block;text-decoration:none;} #sidebar_right .widget ul ul, #sidebar_left .widget ul ul {color:#FFFFFF;margin:0px 0px 0px 10px;} /************************************************ * 17. Custom Menu Widget * ************************************************/ #sidebar_right ul.menu,#sidebar_left ul.menu,#footerwidgets ul.menu {float:none;} #sidebar_right ul.menu .current_page_item a, #sidebar_right ul.menu .current-menu-item a, #sidebar_left ul.menu .current_page_item a, #sidebar_left ul.menu .current-menu-item a {background:#FFFF00;color:#FFFFFF;border:none;} #footerwidgets ul.menu .current_page_item a, #footerwidgets ul.menu .current-menu-item a {color:#FFFFFF;border:none;} #sidebar_right ul.menu li a,#sidebar_left ul.menu li a {display:block;background:none;color:#FFFFFF;height:auto;line-height:20px;text-align:left;text-shadow:none;letter-spacing:0px;border:none;} #footerwidgets ul.menu li a {display:block;background:none;color:#999999;height:auto;line-height:20px;text-align:left;text-shadow:none;letter-spacing:0px;border:none;} #sidebar_right ul.menu li a:hover,#sidebar_left ul.menu li a:hover {color:#FFFFFF;background:#FFFF00;border:none;} #footerwidgets ul.menu li a:hover {color:#FFFFFF;border:none;} #sidebar_right ul.menu li,#sidebar_left ul.menu li,#footerwidgets ul.menu li {float:none;display:inline-block;text-align:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:100%;} #sidebar_right ul.menu li span,#sidebar_left ul.menu li span {top:10px;} #footerwidgets ul.menu li span {top:7px;} #sidebar_right ul.menu li ul.sub-menu,#sidebar_left ul.menu li ul.sub-menu,#footerwidgets ul.menu li ul.sub-menu {width:100%;top:0;margin:0px 0px 0px 0px;position:relative;z-index:9;} #sidebar_right ul.menu li ul.sub-menu span,#sidebar_left ul.menu li ul.sub-menu span,#footerwidgets ul.menu li ul.sub-menu span {display:none;} #sidebar_right ul.menu li ul.sub-menu li a,#sidebar_left ul.menu li ul.sub-menu li a {background:none !important;margin:0px;} #footerwidgets ul.menu li ul.sub-menu li a {background:#121212 !important;} #sidebar_right ul.menu li ul.sub-menu li a:hover,#sidebar_left ul.menu li ul.sub-menu li a:hover {color:#FFFFFF;background:#FFFF00 !important;} #footerwidgets ul.menu li ul.sub-menu li a:hover {color:#FFFFFF;} #sidebar_right ul.menu li ul.sub-menu li ul.sub-menu li,#sidebar_left ul.menu li ul.sub-menu li ul.sub-menu li,#footerwidgets ul.menu li ul.sub-menu li ul.sub-menu li {display:none;} /************************************************ * 18. Recent Comments Widget * ************************************************/ #recentcomments {margin:0px;padding:0px;} #content #recentcomments a {display:inline;background:none;color:#FFFFFF;padding:0px;margin:0px;font-weight:bold;text-transform:none;text-decoration:none;border:none;} #footerwidgets #recentcomments a {text-decoration:underline;line-height:22px;} #content #recentcomments a:hover {background:#FFFF00;} #content #recentcomments li, #footerwidgets #recentcomments li,#sidebar_left #recentcomments li, #sidebar_right #recentcomments li {display:block;padding:0px 0px 8px 0px;margin:0px 0px 0px 0px;} /************************************************ * 19. Calendar Widget * ************************************************/ #calendar_wrap {margin:0px auto 0px;padding:5px 10px 5px 10px;} #wp-calendar {width:100%;text-align:center;} #wp-calendar a {margin:0px !important;} #wp-calendar caption {font-family:Arial,Helvetica,sans-serif;font-size:16px;margin:5px 0px 5px 0px;} #wp-calendar #prev a {float:left;margin:10px 0px 0px 0px !important;text-align:left;} #wp-calendar #next a {float:right;margin:10px 0px 0px 0px !important;text-align:right;} /************************************************ * 20. Search Form * ************************************************/ .widget_search {float:left;display:block;width:100%;} #searchform {margin:0px;padding:0px;} #searchform label {display:none;} #s {background:#FFFFFF;width:97%;color:#666666;font-size:12px;font-family:Arial,Helvetica,sans-serif;margin:10px 0px 0px 0px;padding:6px 4px;display:inline;border:1px solid #EEEEEE;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;} #footerwidgets .footerwidgetleft #s,#footerwidgets .footerwidgetmidleft #s,#footerwidgets .footerwidgetmidright #s {width:94%;} #searchsubmit {float:right;background:#000000;color:#999999;font-size:12px;font-weight:bold;font-family:Arial,Helvetica,sans-serif; width:80px;margin:10px 0px 0px 0px;padding:6px 3px 6px 3px;border:none;cursor:pointer;transition:background .25s, color .25s;-moz-transition:background .25s, color .25s;-webkit-transition:background .25s, color .25s;-o-transition:background .25s, color .25s;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;} #footerwidgets #searchsubmit {background:#333333;} #searchsubmit:hover {background:#FFFF00;color:#FFFFFF;} /************************************************ * 21. Footer Widgets * ************************************************/ #footertopbg {display:inline-block;background:#000000;width:960px;margin:30px auto 0px;padding:0px 0px 0px 0px;} #footerwidgets {float:left;display:block;background:#000000;width:920px;margin:0px 0px 0px 0px;padding:0px 20px 0px 20px;color:#999999;} #footerwidgets a {color:#CCCCCC;} #footerwidgets a:hover {color:#ffff00;} #footerwidgets h4 {color:#FFFFFF;font-size:18px;font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;font-style:italic;line-height:20px;text-transform:none;margin:0px 0px 10px 0px;padding:20px 0px 5px 0px;text-decoration:none;} #footerwidgets li {text-decoration:none;list-style-type:none;} #footerwidgets li a, #footerwidgets li a:link, #footerwidgets li a:visited {font-weight:normal;text-decoration:none;} #footerwidgets ul {list-style-type:none;margin:0px;padding:0px;} #footerwidgets ul li {list-style-type:none;margin:0px 0px 0px 0px;padding:0px;} #footerwidgets ul li ul li {text-indent:10px;} #footerwidgets ul li ul li ul li {text-indent:20px;} #footerwidgets ul li a {display:block;background:none;text-indent:5px;line-height:30px;margin:0px 0px 5px 0px;padding:0px 0px 0px 0px;} #footerwidgets ul li a:hover {display:block;} #footerwidgets .widget {float:left;display:block;width:100%;margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;} #footerwidgets .textwidget {color:#999999;} #footerwidgets .textwidget a, #footerwidgets #wp-calendar a {color:#FFFFFF;display:inline;margin:0px;padding:0px;} #footerwidgets .textwidget a:hover, #footerwidgets #wp-calendar a:hover {color:#FFFFFF;display:inline;margin:0px;padding:0px;} .footerwidgetleft {width:170px;float:left;display:inline;margin:0px 20px 0px 0px;padding:0px 0px 0px 0px;} .footerwidgetmidleft {width:170px;float:left;display:inline;margin:0px 20px 0px 0px;padding:0px 0px 0px 0px;} .footerwidgetmidright {width:170px;float:left;display:inline;margin:0px 20px 0px 0px;padding:0px 0px 0px 0px;} .footerwidgetright {width:350px;float:right;display:inline;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} /************************************************ * 22. Footer * ************************************************/ #footerbg {display:inline-block;background:#000000;width:960px;margin:0 auto 0;padding:0px 0px 0px 0px;border-top:1px solid #121212;} #footer {width:960px;height:60px;color:#666666;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} #footer p {margin:0px;padding:0px;font-style:italic;} #footer a {color:#999999;text-decoration:none;} #footer a:hover {color:#CCCCCC;text-decoration:none;background:none;} .footerright a img {display:block;} .footerleft {float:left;display:block;} .footertop {font-size:12px;font-weight:normal;margin:0px 0px 0px 0px;padding:10px 20px 0px 20px;} .footerbottom {font-size:11px;color:#666666;font-weight:normal;line-height:14px;margin:0px;padding:0px 20px 0px 20px;} .footerright {float:right;display:block;margin:15px 15px 0px 0px;} /************************************************ * 23. Comments * ************************************************/ #submit {background:#000000;color:#999999;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;text-decoration:none;margin:0px;padding:6px 5px 6px 5px;border:none;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;} #author, #email, #url {background:#FFFFFF !important;color:#666666;font-size:12px;font-family:Arial, Helvetica, sans-serif;margin:0px;padding:5px;border:1px solid #EEEEEE;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;} #comment {background:#FFFFFF !important;color:#666666;font-size:12px;font-family:Arial, Helvetica, sans-serif;margin:5px 0px 5px 0px;padding:5px;border:1px solid #EEEEEE;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;} .commentlist li ul li {font-size:12px;} .commentlist li {font-weight:bold;} .commentlist li .avatar {background:#FFFFFF;float:right;margin:0px 0px 10px 10px;padding:4px;border:1px solid #DDDDDD;} .commentlist cite, .commentlist cite a {font-weight:bold;font-style:normal;font-size:12px;} .commentlist p {font-weight:normal;text-transform:none;} .commentmetadata {font-weight:normal;} #commentform input {width:140px;padding:6px 0px 6px 0px;margin:5px 5px 0px 0px;} #commentform {margin:5px 10px 0px 0px;} #commentform textarea {width:100%;padding:4px;} #respond {margin:20px 0px 0px 0px;} #respond:after {content:".";display:block;height:0px;clear:both;visibility:hidden;} #commentform p {margin:5px 0px 5px 0px;} #commentform #submit {margin:0px;float:left;display:block;cursor:pointer;transition:background .25s, color .25s;-moz-transition:background .25s, color .25s;-webkit-transition:background .25s, color .25s;-o-transition:background .25s, color .25s;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;} #commentform #submit:hover {color:#FFFFFF;background:#FFFF00;} .alt {margin:0px;padding:10px;} .commentlist {margin:0px;padding:0px;} .commentlist ol {margin:0px;padding:10px;} .commentlist li {margin:15px 0px 5px 0px;padding:10px 10px 10px 10px;list-style:none;} .commentlist li ul li {margin-right:5px;margin-left:5px;padding-top:10px;border-top:1px solid #333333;} .commentlist p {margin:10px 0px 10px 0px;padding:0px;} .children {margin:0px;padding:0px;} .nocomments {text-align:center;margin:0px;padding:0px;display:none;} .reply {padding:5px 0px 0px 0px;} .reply a, .reply a:visited {display:inline-block;background:#000000;color:#999999;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none;margin:0px;padding:2px 12px 2px 12px;border:none;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;} .reply a:hover {background:#FFFF00;color:#FFFFFF;text-decoration:none;border:none;} .commentmetadata {font-size:10px;margin:0px;display:block;} .navigation {display:block;text-align:center;margin-top:10px;margin-bottom:30px;} .alignright {float:right;} .alignleft {float:left;} .thread-alt {background:#121212;margin:0px;padding:0px;} .thread-even {background:#191919;margin:0px;padding:0px;} .depth-1 {margin:0px;padding:0px;} .even, .alt {margin:0px;padding:0px;} /************************************************ * 24. Gravity Forms Styling * ************************************************/ #container .gform_wrapper {overflow:hidden;margin-bottom:10px;max-width:640px;} #container .gform_wrapper select,#container .gform_wrapper textarea,#container .gform_wrapper input {background:#000000;border:1px solid #000000;outline-style:none;color:#999999;font-size:16px;font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;padding:8px 5px;letter-spacing:normal;} #container .gform_wrapper select:hover,#container .gform_wrapper textarea:hover#container .gform_wrapper input:hover {background:#333333;color:#FFFFFF;} #container .gform_wrapper h1, #container .gform_wrapper h2, #container .gform_wrapper h3 {font-weight:normal;border:none;outline:none;background:none;} #container .gform_wrapper:focus {outline:none;} #container .gform_wrapper form {text-align:left;} #container .gform_wrapper .field_hover {border:1px dashed #2175A9 !important;cursor:pointer;} #container .gform_wrapper .field_selected {background-color:#DFEFFF;border:1px solid #C2D7EF !important;} #container .gform_wrapper .ginput_complex label, #container .gform_wrapper .gfield_time_hour label, #container .gform_wrapper .gfield_time_minute label, #container .gform_wrapper .gfield_date_month label, #container .gform_wrapper .gfield_date_day label, #container .gform_wrapper .gfield_date_year label, #container .gform_wrapper .instruction {display:block;margin:3px 0 8px 0;font-size:10px;letter-spacing:1px;} #container .gform_wrapper .top_label .gfield_label {margin:10px 0 4px 0;font-weight:bold;display:-moz-inline-stack;display:inline-block;line-height:130%;clear:both;} #container .gform_wrapper .left_label .gfield_label {float:left;margin:2px 15px 0 0;width:29%;font-weight:bold;} #container .gform_wrapper .right_label .gfield_label {float:left;margin:2px 15px 0 0;width:29%;font-weight:bold;text-align:right;} #container .gform_wrapper .top_label input.small, #container .gform_wrapper .top_label select.small {width:25%;} #container .gform_wrapper .top_label input.medium, #container .gform_wrapper .top_label select.medium {width:50%;} #container .gform_wrapper .top_label input.large, #container .gform_wrapper .top_label select.large, #container .gform_wrapper .top_label textarea.textarea {width:98%;} #container .gform_wrapper .right_label input.small, #container .gform_wrapper .right_label select.small, #container .gform_wrapper .left_label input.small, #container .gform_wrapper .left_label select.small {width:15%;} #container .gform_wrapper .right_label input.medium, #container .gform_wrapper .right_label select.medium, #container .gform_wrapper .left_label input.medium, #container .gform_wrapper .left_label select.medium {width:35%;} #container .gform_wrapper .right_label input.large, #container .gform_wrapper .right_label select.large, #container .gform_wrapper .left_label input.large, #container .gform_wrapper .left_label select.large, #container .gform_wrapper textarea.textarea {width:59%;} #container .gform_wrapper .gsection .gfield_label, #container .gform_wrapper h2.gsection_title, #container .gform_wrapper h3.gform_title {font-weight:bold;font-size:16px;font-family:Helvetica,sans-serif;} #container .gform_wrapper .description, #container .gform_wrapper .gfield_description, #container .gform_wrapper .gsection_description,#container .gform_wrapper .instruction {font-size:10px;line-height:150%;clear:both;font-family:verdana,sans-serif;letter-spacing:normal;} #container .gform_wrapper .gfield_description {padding:10px 0 8px 0;font-style:italic;} #container .gform_wrapper .gsection_description {font-style:italic;} #container .gform_wrapper .gfield_required {color:#790000;margin-left:4px;} #container .gform_wrapper .gfield_error {background-color:#FFFF00 !important;margin-top:4px !important;margin-bottom:6px;padding:6px 6px 4px 6px!important;} #container .gform_wrapper .gfield_error .gfield_label {color:#000000;} #container .gform_wrapper .validation_error {background:#FFFF00;color:#000000;font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;font-size:18px;font-style:italic;text-align:center;line-height:150%;margin-bottom:10px;width:100%;padding:20px;} #container .gform_wrapper .validation_message {color:#000000 !important;font-size:11px;font-family:Georgia,"Times New Roman",Times,serif;letter-spacing:normal;} #container .gform_wrapper input.button {font-size:18px;color:#666666;} #container .gform_wrapper input.button:hover {color:#FFFFFF;} #container #gforms_confirmation_message {background-color:#fffac6;border:1px solid #feda70;margin-top:10px;margin-bottom:10px;padding:20px 0;font-size:14px;color:#252525;text-align:center} #container .gform_footer input.button {*padding:10px;padding:10px;background:#000000;font-weight:bold;} #container img.ui-datepicker-trigger {position:relative;top:10px;} #container .gform_wrapper ul li {padding:0px;} .get-real-download {cursor: not-allowed;-webkit-opacity: 0.5;opacity: 0.5;} .get-real-download[href]{cursor: pointer;opacity: 1;-webkit-opacity: 1;} /************************************************ * 25. Media Queries * ************************************************/ /* Tablet and Mobile Layout:492px. Outer margins:16px. Inherits styles from:Default Layout. */ @media screen and (max-width:524px) { body {font-size:16px;line-height:24px;} #wrap {width:460px;padding:0px 16px;} #header {width:460px;height:auto;padding:0px;overflow:hidden;} #navbar {float:left;width:460px;height:auto;font-size:16px;letter-spacing:-0.4px;padding:20px 0px 0px 0px;} .menu a {line-height:20px;} .menu li:hover ul,.menu li.sfHover ul {top:49px;} #container {width:460px;padding:20px 0px 0px 0px;overflow:hidden;} #container #sidebar_right, #container #sidebar_left, #homewidgets {display:none;} #content.wide, #content.left, #homepage, #hometop, #homefeature, #textbanner {width:460px;} #content.left iframe, #content.left embed, #content.left object {width:460px;height:260px;} .author_column {width:460px;padding:0px;border:none;} .archive_column {width:460px;margin:0px;padding:0px;} .postmeta p, .postauthor p {font-size:12px;line-height:20px;} #commentform p {font-size:12px;} #comment {font-size:18px;} /************************************************* * Portfolio Page *************************************************/ #portfolio .postarea {text-align:center;} .portfolio.three {float:none;display:inline-block;position:relative !important;margin:5px auto 5px;top:auto !important;} .portfoliotitle.three p {display:none;} /************************************************* * Featured Slider Small *************************************************/ #homeslider {width:460px;height:360px;} #homeslider h2 {font-size:24px;line-height:30px;padding:12px 0px 6px 0px;} #homeslider p {height:50px;} #slider1 {max-height:360px !important;overflow:hidden;} div.anythingSlider {width:460px !important;} div.anythingSlider li iframe, div.anythingSlider li embed,div.anythingSlider li object {width:460px;height:260px;} div.anythingSlider li .feature_video {width:460px;height:260px;} div.anythingSlider li .feature_img, div.anythingSlider li .feature_img img {width:460px;height:260px;} div.anythingSlider .anythingWindow {width:460px;height:360px;} /* Navigation Arrows */ div.anythingSlider .arrow.forward, div.anythingSlider .arrow.back {margin:110px auto 0px;}/************************************************* Footer *************************************************/ #footertopbg, #footerwidgets {display:none;} #footerbg {display:inline-block;background:#000000;width:460px;margin:20px auto 0px;padding:0px 0px 0px 0px;border-top:1px solid #121212;} #footer {width:460px;height:60px;color:#666666;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} } *{box-sizing:border-box;-webkit-box-sizing:border-box;} .category-6 .post-title{padding-top:10px;margin-bottom:0;} .category-6 .post-date{display:none;} #postsfromcategorywidget-6 h4{padding-top:45px !important;} #postsfromcategorywidget-6 h4:first-child{padding-top:0 !important;margin-top: -3px;display: none;} .top-col{padding-bottom: 48px;} /*html{margin-top:32px !important; }*/ body {color:#333333;font-size:13px;font-family:Inter,serif;line-height:22px;margin:0px auto 0px;padding:0px;} body.custom-background{background:white !important;} body.inbox {background:#EEEEEE;color:#333333;font-size:13px;font-family:Inter,serif;font-style:italic;line-height:22px;margin:0px auto 0px;padding:0px;} body.editor {background:#FFFFFF;color:#333333;font-size:13px;font-family:Inter,serif;font-style:normal;line-height:22px;margin:0px auto 0px;padding:0px;} #wrap {background:#FFFFFF;margin:0px auto 0px;width:100%;overflow:hidden;} /************************************************ * 0. Common * ************************************************/ .hidden {display:none;} .clear {clear:both;} .linerule {border-bottom:1px solid #CCCCCC;padding-top:15px;margin-bottom:15px;} hr {border:0;width:100%;height:1px;color:#CCCCCC;background-color:#CCCCCC;margin:5px 0px 8px 0px;padding:0px;} code {color:#222222;background:#EAEAEA;font-size:11px;margin:0px;padding:10px;display:block;font-family:Verdana,Tahoma;} img {max-width:100%;} /************************************************ * 1. Hyperlinks * ************************************************/ a, a:link, a:visited {color:#333333;text-decoration:none;transition:background .25s, color .25s;-moz-transition:background .25s, color .25s;-webkit-transition:background .25s, color .25s;-o-transition:background .25s, color .25s;} a:focus, a:hover, a:active {color:#151515;text-decoration:none;outline:none;} a img {border:none;} #footerwidgets a:hover, #footer a:hover,#footerwidgets a:focus, #footer a:focus,#footerwidgets a:active, #footer a:active {background:none !important;} /************************************************ * 2. Headings * ************************************************/ h1 {color:#151515;font-family:Inter,'PT Sans Narrow',sans-serif;font-size:36px;font-weight:300;font-style:normal;text-shadow:0px 0px 0px #CCCCCC;line-height:40px;letter-spacing:0px;margin:5px 0px 5px 0px;padding:5px 0px 5px 0px;} h2 {color:#151515;font-family:Inter,'PT Sans Narrow',sans-serif;font-size:36px;font-weight:300;font-style:normal;text-shadow:0px 0px 0px #CCCCCC;line-height:40px;letter-spacing:0px;margin:5px 0px 5px 0px;padding:5px 0px 5px 0px;} h3 {color:#151515;font-size:16px;font-family:Inter,Arial,Helvetica,sans-serif;font-weight:300;font-style:normal;text-transform:uppercase;margin:0px 0px 10px 0px;padding:0px 0px 20px 0px;line-height:19px;letter-spacing:0.5px;} h4 {color:#151515;font-size:16px;font-family:Inter,Arial,Helvetica,sans-serif;font-weight:300;font-style:normal;text-transform:uppercase;margin:0px 0px 5px 0px;padding:0px 0px 0px 0px;line-height:18px;} h5 {color:#151515;font-size:16px;font-family:Inter,"Times New Roman",Times,serif;font-weight:300;font-style:italic;text-transform:none;margin:10px 0px 5px 0px;padding:0px;line-height:22px;} h6 {color:#151515;font-size:16px;font-family:Inter,"Times New Roman",Times,serif;font-weight:300;font-style:italic;text-transform:none;margin:8px 0px 5px 0px;padding:0px 0px 2px 0px;line-height:22px;border-bottom:1px dotted #151515;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color:#151515;text-decoration:none;border:none;transition:color .2s;-moz-transition:color .2s;-webkit-transition:color .2s;-o-transition:color .2s;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus,h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {color:#999999;background:none;text-decoration:none;border:none;} #container h1 a:hover, #container h2 a:hover, #container h3 a:hover,#container h1 a:focus, #container h2 a:focus, #container h3 a:focus,#container h1 a:active, #container h2 a:active, #container h3 a:active {background:none !important;} /************************************************ * 3. Header * ************************************************/ #header {float:left;background:none;width:303px;height:58px;margin:0px auto 0px;padding:0px;} #header #title {padding:0px;margin:0px;} #header #title a {background:url(images/logo.png) no-repeat;float:left;display:block;width:303px;height:58px;margin:0;padding:0;text-indent:-9999px;overflow:hidden;} #stash_links {float:right;display:inline;width:620px;margin:0 0 0 0;padding:0 0 0 0;} /************************************************ * 4. Navbar * ************************************************/ .toggel{display:none;} #navbar {float:right;background:none;width:650px;height:10px;font-size:11px;font-family:Inter,Helvetica,Arial,sans-serif;font-style:normal;text-transform:uppercase;color:#FFFFFF;font-weight:normal;margin:0px auto 0px;padding:30px 0px 0px 0px;} #navmenu_login {float:right;background:none;clear:both;width:200px;height:18px;font-size:12px;font-family:Inter,Helvetica,Arial,sans-serif;font-style:normal;text-transform:uppercase;color:#FFFFFF;font-weight:normal;margin:0px 0px 5px 60px;padding:15px 0px 0px 0px;} #navmenu {float:right;background:none;width:610px;height:11px;font-size:12px;font-family:Inter,Helvetica,Arial,sans-serif;font-style:normal;text-transform:uppercase;color:#FFFFFF;font-weight:normal;margin:0px auto 0px;padding:43px 0px 0px 0px;} #navmenu ul {float:right;background:none;width:610px;height:11px;font-size:12px;font-family:Inter,Helvetica,Arial,sans-serif;font-style:normal;text-transform:uppercase;color:#FFFFFF;font-weight:normal;margin:0px auto 0px;padding:43px 0px 0px 0px;list-style-type:none;list-style-image:none;} #navmenu ul {margin:0;padding:0;list-style-type:none;list-style-image:none;} #navmenu li {display:inline;padding:0px 8px 0px 0px;} /*** ESSENTIAL STYLES ***/ .menu, .menu * {margin:0;padding:0;list-style:none;} .menu {line-height:1.0;} .menu ul {margin:0px;padding:0px;} .menu ul ul, ul.menu ul {position:absolute;top:-9999px;width:180px; /* left offset of submenus need to match (see below) */ } .menu ul li ul li, ul.menu ul li {width:100%;border:none;margin:0px 0px 0px 0px;} .menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */ } .menu li {float:left;position:relative;} .menu a {display:block;position:relative;} .menu li:hover ul,.menu li.sfHover ul {left:0;top:45px; /* match top ul list item height */ z-index:99;} ul.menu li:hover li ul,ul.menu li.sfHover li ul {top:-9999px;} ul.menu li li:hover ul,ul.menu li li.sfHover ul {left:180px; /* match ul width */ top:0;} ul.menu li li:hover li ul,ul.menu li li.sfHover li ul {top:-9999px;} ul.menu li li li:hover ul,ul.menu li li li.sfHover ul {left:180px; /* match ul width */ top:0;} /*** SKIN ***/ #navbar .menu .current_page_item a,#navbar .menu .current_page_ancestor a,#navbar .menu .current-menu-item a,#navbar .menu .current-cat a {color:#151515 !important;border-bottom:0px solid #151515;} #navbar .menu li .current_page_item a, #navbar .menu li .current_page_item a:hover,#navbar .menu li .current-menu-item a, #navbar .menu li .current-menu-item a:hover,#navbar .menu li .current-cat a, #navbar .menu li .current-cat a:hover {color:#FFFFFF !important;background:#151515;border-bottom:none;} #navbar .menu .current_page_item ul li a,#navbar .menu .current-menu-item ul li a,#navbar .menu .current-menu-ancestor ul li a,#navbar .menu .current_page_ancestor ul li a,#navbar .menu .current-cat ul li a {background-color:#FFFFFF;color:#151515 !important;border-bottom:none;} #navbar .menu .current_page_item ul li a:hover,#navbar .menu .current-menu-item ul li a:hover,#navbar .menu .current-menu-ancestor ul li a:hover,#navbar .menu .current_page_ancestor ul li a:hover,#navbar .menu .current-menu-ancestor ul .current_page_item a,#navbar .menu .current_page_ancestor ul .current-menu-item a,#navbar .menu .current-cat ul li a:hover {background:#151515;color:#FFFFFF !important;border-bottom:none;} .menu {float:left;margin-bottom:0;} .menu a {border-bottom:0px solid #F9F9F9;padding:17px 0px 8px 20px;text-decoration:none;font-style:normal;font-weight:bold;line-height:16px;} .menu li li a, .menu li li a:visited {color:#666666;padding:10px 10px 10px 10px;text-decoration:none;text-transform:none;text-shadow:none;border:none;} .menu a, .menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#666666;} .menu a:focus, .menu a:hover, .menu a:active {background:none;border-bottom:0px solid #151515;color:#151515;outline:0;} .menu li {background:none;} .menu li li {background:#FFFFFF;border:none;} .menu li li li {background:#FFFFFF;border:none;} .menu li:hover, .menu li.sfHover {background:none;border-bottom:none;outline:0;} .menu li li:hover, .menu li li.sfHover {background:#151515;color:#FFFFFF;border:none;outline:0;padding:0px;} .menu li li a:focus, .menu li li a:hover, .menu li li a:active {background:#151515;color:#FFFFFF;border-bottom:none;outline:0;} /*** ARROWS **/ .menu a.sf-with-ul {padding-right:25px;min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator {position:absolute;display:block;right:10px;top:19px; /* IE6 only */width:10px;height:10px;text-indent:-9999px;overflow:hidden;background:url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top:19px;background-position:0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .menu ul ul .sf-sub-indicator, ul.menu ul .sf-sub-indicator {background-position:-10px 0;} .menu ul ul a > .sf-sub-indicator, ul.menu ul a > .sf-sub-indicator {top:10px;background-position:0 0;} /* apply hovers to modern browsers */ .menu ul ul a:focus > .sf-sub-indicator,.menu ul ul a:hover > .sf-sub-indicator,.menu ul ul a:active > .sf-sub-indicator,.menu ul ul li:hover > a > .sf-sub-indicator,.menu ul ul li.sfHover > a > .sf-sub-indicator {background-position:-10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul ul {background:none;padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px;} .sf-shadow ul.sf-shadow-off {background:transparent;} /************************************************ * 5. Homepage Top * ************************************************/ #hometop {float:left;display:block;width:100%;max-width:960px;height:100%;margin:0px 0px 25px 0px;padding:0px 0px 25px 0px;} .paged #hometop{display:none;} #textbanner {float:left;display:block;width:960px;height:100%;text-align:center;margin:0px 0px 20px 0px;padding:0px 0px 20px 0px;border-bottom:5px solid #151515;} #textbanner h1 {font-size:52px;line-height:60px;text-shadow:2px 2px 0px #CCCCCC;} #homefeature {box-sizing:border-box;float:left;display:block;width:100%;max-width:960px;margin:0px 0px 15px 0px;padding:0px 0px 0px 0px;border-bottom:0px solid #151515;} #homewidgets {float:right;display:block;width:310px;height:660px;padding:0px;margin:0px;overflow:hidden;} #homewidgets ul {padding:0px;margin:0px;} #homewidgets ul li {list-style:none;margin:0px 0px 0px 0px;} #homewidgets ul li a {display:block;color:#151515;font-size:12px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-style:normal;text-decoration:none;padding:5px 0px 5px 0px;} #homewidgets ul li a:hover {color:#151515;text-decoration:none;} #homewidgets .textwidget a {font-family:"Sanchez",Georgia,"Times New Roman",Times,serif;font-weight:normal;font-style:italic;display:inline;} #homewidgets .textwidget a:hover {color:#151515;text-decoration:none;} /************************************************ * 6. Homepage Body * ************************************************/ #homepage {float:left;display:flex;clear:both;width:100%;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-color:#FFFFFF;} #homepage ul {list-style:none;list-style-type:none;margin:0px 0px 0px 5px;padding:0px 0px 0px 0px;} #homepage ul li {list-style:none;list-style-type:none;padding:0px 0px 0px 0px;margin:30px 0px 20px 0px;background-color:#FFFFFF;} .homepagemid {float:left;display:block;width:100%;max-width:660px;margin:0px;padding:0px;padding-right:20px;} .homepagethumb {width:600px;margin:0px;padding:0px;overflow:hidden;} .homepagecontent {background:#ffffff;margin:10px 0px 30px 0px;margin-top:0;padding:0px;z-index:1;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;} .paged .homepagecontent:first-child{margin-top:0;} .paged #sidebar_right_home{margin-top:0;padding-top:0;} .homepagecontent p {max-width:600px;margin:0px 0px 0px 0px;padding:3px 0px 8px 0px;font-size:16px;line-height:24px;font-family:Inter;font-weight:300;} .homepagecontent iframe,.homepagecontent embed,.homepagecontent object {display:block;width:640px;height:360px;overflow:hidden;} .homepagecontent a img {display:block;width:640px;height:360px;overflow:hidden;} /*.homepagecontent:hover {background:#EEEEEE;box-shadow:3px 3px 0px #DDDDDD;-moz-box-shadow:3px 3px 0px #DDDDDD;-webkit-box-shadow:3px 3px 0px #DDDDDD;}*/ .homeinfo {padding:20px 10px;} /************************************************ * 7. Featured Slider * ************************************************/ #homeslider {float:left;display:block;width:100%;max-width:960px;margin:0px 30px 0px 0px;margin:0;padding:0px;overflow:hidden;overflow:visible;} #homeslider ul, #homeslider li {list-style-type:none;margin:0px;padding:0px;width:100% !important;} #homeslider li img{object-fit:cover;height:auto;} #homeslider a img:hover, #homeslider .feature_img:hover, #homeslider .feature_img:focus, #homeslider .feature_img:active {background:none !important;} #homeslider h2 {display:inline-block;font-size:36px;/*text-transform:uppercase;*/line-height:40px;font-weight:lighter;border-bottom:none;padding:25px 0px 8px 0px;margin:0px 0px 0px 0px;} #homeslider p {z-index:8;font-size:16px;line-height:26px;font-family:Inter;font-weight:lighter;box-sizing:content-box;-webkit-box-sizing:content-box;} div.anythingSlider {width:100% !important;max-width:960px !important;display:inline-block;margin:0 0 0;padding:0px 0px 0px 0px;position:relative;list-style:none;} div.anythingSlider li iframe, div.anythingSlider li embed,div.anythingSlider li object {float:left;display:block;margin:0px;padding:0px;position:relative;z-index:8;} div.anythingSlider li .feature_video {float:left;display:block;width:100%;max-width:960px;margin:0px;padding:0px;overflow:hidden;position:relative;z-index:8;} div.anythingSlider li .feature_img {float:left;display:block;width:100%;max-width:960px;height:540px;margin:0px;padding:0px;overflow:hidden;position:relative;z-index:1;border:none;} div.anythingSlider li .feature_img img{object-fit:cover;object-position:center;width:100%;} div.anythingSlider .anythingWindow {float:left;display:block;position:relative;width:100%;max-width:960px;height:100%;margin:0px;padding:0px;overflow:hidden;z-index:1;clear:both;} ul.anythingBase {background:transparent;list-style:none;position:absolute;top:0;left:0;margin:0px;padding:0px;} ul.anythingBase li.panel {background:transparent;display:block;overflow:hidden;float:left;padding:0px;margin:0px;} /* Navigation Arrows */ div.anythingSlider .arrow.back {float:left;display:block;background:url(images/prev_btn.png) no-repeat;opacity:0.35;position:absolute;width:30px;height:50px;margin:230px auto 0px;left:0px;cursor:pointer;clear:both;z-index:9;overflow:hidden;} div.anythingSlider .arrow.forward {float:right;display:block;background:url(images/next_btn.png) no-repeat;opacity:0.35;position:absolute;width:30px;height:50px;margin:230px auto 0px;right:0px;cursor:pointer;clear:both;z-index:9;overflow:hidden;} div.anythingSlider .arrow a {display:block;color:#333333 !important;height:50px;width:30px;font-size:16px;text-align:center;text-indent:-9999px;line-height:50px;margin:0px 0px 0px 0px;outline:0;} #container div.anythingSlider .arrow a:hover, #container div.anythingSlider .arrow a:active, #container div.anythingSlider .arrow a:focus {text-decoration:none;background:none !important;} div.anythingSlider .back:hover, div.anythingSlider .forward:hover {background-position:-30px 0 !important;} div.anythingSlider .arrow a:active, div.anythingSlider .arrow a:focus {text-decoration:none;} div.anythingSlider .arrow.forward a {} div.anythingSlider .arrow.back a {} div.anythingSlider .forward.disabled {display:none;} div.anythingSlider .back.disabled {display:none;} /* Autoplay Start/Stop button */ div.anythingSlider .start-stop {display:none !important;} /* Navigation Links */ div.anythingSlider .anythingControls {display:none !important;} /************************************************ * 8. Content * ************************************************/ #container {float:left;display:block;width:100%;max-width:960px;margin:0px auto 0px;padding:0px 0px 0px 0px;border-top:0px dotted #151515;} #content.top {float:none;display:block;width:100%;margin:0px 0px 0px 0px;padding:/*0px 10px 0px 0px*/ 0px;} .post-cat-widget .post {padding:5px 0px !important;} .post-cat-widget .post:first-child{padding-top: 0 !important;} #content.left {float:left;display:block;width:640px;margin:0px 0px 0px 0px;padding:/*0px 10px 0px 0px*/ 0px;} #content.wide {float:left;display:block;width:960px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} #content.archive {float:left;display:block;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} #content.archive .postarea {width:100%;margin:0px;padding:0px;} #content.archive .post {padding:0px 5px;} #content.archive .post h2, .search #content.left h2 {margin:0px 0px 4px 0px;padding:0px 0px 4px 0px;padding-top:15px;} .title_page {margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;border-bottom:0px solid #151515;} .postarea p {/*width:640px;*/width:100%;padding:6px 0px 6px 0px;margin:0px;font-size:16px;line-height:26px;font-family:Inter;font-weight:lighter;} .postarea ol {margin:0px 0px 0px 20px;padding:0px 0px 10px 0px;} .postarea ol li {margin:0px 0px 0px 20px;padding:0px 0px 5px 0px;} .postarea ul {list-style-type:none;margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;} .postarea ul ul {list-style-type:none;margin:0px;padding:0px 0px 0px 0px;} .postarea ul li {list-style:inside;list-style-type:square;background:none;padding:0px 0px 0px 15px;margin:0px 0px 5px 0px;} .postarea ul ul li {background:none;padding:0px 0px 0px 15px;margin:0px 0px 5px 0px;} blockquote {font-size:24px;font-style:italic;line-height:32px;margin:15px 25px 15px 25px;padding:0px 25px 0px 15px;border-left:1px dotted #151515;} .blockquote p {margin:0px;padding:10px 0px 10px 0px;} .grid-left blockquote p {font-weight: 500;} .postauthor {margin:-5px 0px 5px 0px;padding:12px 0px 0px 0px;} .postauthor p {color:#999999;padding:0px 0px 0px 0px;} .postmeta {width:/*620px*/ 100%;background:none;font-size:11px;margin:10px 0px 50px 0px;padding:5px 0px 5px 0px;border-top:5px solid #151515;/*border-bottom:1px dotted #151515;*/border-bottom:1px dashed #ccc;}.postmeta{color:#999999 ;} .related-post {width:32% !important;margin-right:3% !important;} .related-post:nth-child(3n) {width:30% !important; margin-right:0px !important;} .postmeta p {margin:0px;padding:0px;} .avatar {background:#FFFFFF;margin:10px 10px 10px 0px;padding:5px;border:1px solid #DDDDDD;} .author_column {float:right;width:470px;margin:10px 0px 0px 0px;padding:0px 0px 0px 19px;border-left:1px dotted #151515;} .archive_column {float:left;width:310px;margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;} .archive_column.first {padding:10px 20px 10px 0px;} /************************************************ * 9. Social Links * ************************************************/ #homepage .social_links {display:inline-block;width:100%;margin:8px 0px 0px 0px;padding:0px;} #content .social_links {display:inline-block;width:100%;margin:15px 0px 15px 0px;padding:0px;} #container .tweet_btn, #container .like_btn, #container .plus_btn {float:left;display:inline-block;width:100px;height:22px;margin:0px 2px 0px 0px;padding:0px;} /************************************************ * 10. Pagination * ************************************************/ #pagination {display:block;width:100%;font-family:Arial, Helvetica, sans-serif;text-align:center;padding:0px;margin:0px;overflow:hidden;} #portfolio #pagination {margin-top:20px;} .pagination {float:left;display:block;width:100%;text-align:center;margin:10px 0px 10px 0px;padding:0px;} .number-paginate {padding:10px 0px;} .number-paginate a {display:inline-block;background:none;color:#666666;height:30px;line-height:30px;margin-right:4px;padding:0px 12px;font-weight:bold;text-align:center;text-decoration:none;border:none;} .number-paginate a:hover, .number-paginate a:active {background:#151515;color:#FFFFFF;height:30px;line-height:30px;padding:0px 12px;border:none;} .number-paginate .number-title {color:#555555;margin-right:4px;} .number-paginate .number-gap {color:#999999;margin-right:4px;} .number-paginate .number-current {display:inline-block;background:#151515;color:#FFFFFF;height:30px;line-height:30px;margin-right:4px;padding:0px 12px;font-weight:bold;text-align:center;} .number-paginate .number-page {} .number-paginate .number-prev {} .number-paginate .number-next {} #prevLink {float:left;padding:0px;margin:0px;} #nextLink {float:right;padding:0px;margin:0px;} #prevLink p, #nextLink p {padding:0px;} #prevLink p a, #nextLink p a {display:block;padding:0px;} /************************************************ * 11. Portfolio 3 Column * ************************************************/ .portfolio.three {float:left;display:block;background:#EEEEEE;width:310px;margin:10px 5px 0px 5px;padding:0px 0px 0px 0px;border-top:none;position:relative;z-index:1;zoom:1;transition:background .2s;-moz-transition:background .2s;-webkit-transition:background .2s;-o-transition:background .2s;} .portfolio.three:hover {background:#FFFFFF;box-shadow:3px 3px 0px #DDDDDD;-moz-box-shadow:3px 3px 0px #DDDDDD;-webkit-box-shadow:3px 3px 0px #DDDDDD;} .portfoliotitle.three {float:left;display:block;margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;width:290px;max-height:90px;overflow:hidden;} .portfoliotitle.three p {margin:0px;padding:0px !important;font-size:11px;line-height:20px;height:60px;overflow:hidden;} .portfoliotitle.three h3 {height:16px;text-align:center;margin:0px 0px 8px 0px;padding:2px 1px 0px 1px;overflow:hidden;} .portfolioimg.three a img {float:left;display:block;clear:both;margin:5px;padding:0px;} .portfoliovideo iframe,.portfoliovideo embed,.portfoliovideo object {display:block;width:300px;height:170px;margin:5px;padding:0px;overflow:hidden;} /************************************************ * 12. WordPress Gallery * ************************************************/ .gallery {margin:auto;padding:0px;} .gallery-item {margin:5px 0px;} .gallery img {background:#FFFFFF;border:1px solid #DDDDDD !important;padding:4px;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;} .gallery img:hover {background:#EEEEEE;} /************************************************ * 13. Images * ************************************************/ #featureimg img {width:960px;display:block;margin:0px 0px 20px 0px;padding:0px;} .postimg_archive img {display:block;margin:12px auto 8px;padding:0px;overflow:hidden;} .postvid_archive iframe,.postvid_archive embed,.postvid_archive object {display:block;width:640px;height:360px;margin:12px 0px 8px 0px;padding:0px;} .postimg_blog img {display:block;width:960px;height:540px;margin:0 auto 15px;padding:0;} .postvid_blog iframe,.postvid_blog embed,.postvid_blog object {display:block;width:960px;height:540px;margin:15px auto 10px;padding:0px;} .postimg_single img {display:block;width:100%;height:auto;margin:0px auto 10px;padding:0px;z-index:8;} .postvid_single iframe, .postvid_single embed, .postvid_single object { display:block; width:calc(100% + 40px); max-width:960px; margin:0px auto 15px; padding:0px; aspect-ratio: 960 / 540; margin-left: -20px; height: unset; /*height: calc( 540 * (( 100vw - 40px ) / 960 ))*/ }/*height:540px;*/ img.centered {display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;padding:0px;} img.alignnone {padding:0px;margin:10px 0px 10px 0px;display:block;} img.alignright {padding:0px;margin:0px 0px 10px 15px;display:inline;} img.alignleft {padding:0px;margin:0px 15px 10px 0px;display:inline;} .aligncenter {display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;} .alignright {float:right;margin:10px 0px 10px 15px;} .alignleft {float:left;margin:10px 15px 10px 0px;} .wp-caption {text-align:center;background-color:#FFFFFF;padding:5px 0px 0px 0px;margin-bottom:10px;border:1px solid #DDDDDD;} .wp-caption img {margin:0px 0px 0px 0px;padding:0px;border:0px;} .wp-caption p.wp-caption-text {margin:0px;padding:5px;font-size:11px;font-weight:normal;} /************************************************ * 14. Sidebar Left * ************************************************/ #sidebar_left {float:left;display:inline-block;line-height:20px;width:180px;margin:0px 20px 0px 0px;padding:0px;} #sidebar_left ul {list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} #sidebar_left .featuredtitle {border:none;margin:0px 0px 5px 0px;padding:0px 0px 5px 0px;} #sidebar_left .sidecontent {background:#EEEEEE;margin:0px 0px 20px 0px;padding:0px;} #sidebar_left .sidecontent h3 {padding:12px 10px 8px 10px;margin:0px 0px 0px 0px;border-bottom:none;} #sidebar_left .sidecontent p {height:64px;margin:0px 0px 10px 0px;padding:0px 10px 0px 10px;overflow:hidden;} #sidebar_left .sidecontent a img {display:block;margin:0px;padding:0px;} #sidebar_left .sidecontent .morelink {font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:600;background:#000;color:#FFF;text-transform:uppercase;text-align:center;text-decoration:none;margin:0px auto 0px;padding:5px 0px;width:180px;float:left;} #sidebar_left .sidecontent .morelink:hover {background:#FFFF00;color:#151515;} /************************************************ * 15. Sidebar Right * ************************************************/ #sidebar_right {float:right;display:inline-block;line-height:20px;width:300px;margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;background-color:#FFFFFF;} #sidebar_right_home {float:right;display:inline-block;line-height:20px;width:300px;margin:10px 0px 30px 0px;padding:9px 0px 30px 0px;background-color:#FFFFFF;margin-left:auto !important;} #sidebar_right_home ul {list-style-type:none;margin:10px 0px 30px 0px;padding:0px 0px 30px 0px;} #sidebar_right ul {list-style-type:none;margin:20px 0px 20px 0px;padding:0px 0px 30px 0px;} #sidebar_right h4, #sidebar_left h4 {margin:15px 0px 5px 0px;padding:0px 0px 0px 0px;border-bottom:1px dotted #151515;} /************************************************ * 16. Sidebar Widgets * ************************************************/ .widget {padding:0px 0px 10px 0px;} .textwidget p {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-color:#FFFFFF;} #sidebar_right .widget, #sidebar_left .widget {list-style:none;margin:0px 0px 20px 0px;padding:0px;} #sidebar_right .widget ul, #sidebar_left .widget ul {color:#151515;margin:0px 0px 8px 0px;} #sidebar_right .widget ul li, #sidebar_left .widget ul li {color:#151515;display:inline;background:none;margin:0px;padding:0px 0px 8px 0px;overflow:hidden;} #sidebar_right .widget ul li a, #sidebar_left .widget ul li a {display:block;color:#151515;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-style:normal;text-decoration:none;} #sidebar_right .widget ul li a:hover, #sidebar_left .widget ul li a:hover {color:#151515;display:block;text-decoration:none;} #sidebar_right .widget ul ul, #sidebar_left .widget ul ul {color:#151515;margin:0px 0px 0px 10px;} #text-13{margin-bottom:0;padding-bottom:0;} /************************************************ * 17. Custom Menu Widget * ************************************************/ #sidebar_right ul.menu, #sidebar_left ul.menu, #footerwidgets ul.menu {float:none;} #sidebar_right ul.menu .current_page_item a, #sidebar_right ul.menu .current-menu-item a, #sidebar_left ul.menu .current_page_item a, #sidebar_left ul.menu .current-menu-item a {background:#FFFF00;color:#151515;border:none;} #footerwidgets ul.menu .current_page_item a, #footerwidgets ul.menu .current-menu-item a {color:#FFFFFF;border:none;} #sidebar_right ul.menu li a, #sidebar_left ul.menu li a {display:block;background:none;color:#151515;height:auto;line-height:20px;text-align:left;text-shadow:none;letter-spacing:0px;border:none;} #footerwidgets ul.menu li a {display:block;background:none;color:#999999;height:auto;line-height:20px;text-align:left;text-shadow:none;letter-spacing:0px;border:none;} #sidebar_right ul.menu li a:hover, #sidebar_left ul.menu li a:hover {color:#151515;background:#FFFF00;border:none;} #footerwidgets ul.menu li a:hover {color:#FFFFFF;border:none;} #sidebar_right ul.menu li, #sidebar_left ul.menu li, #footerwidgets ul.menu li {float:none;display:inline-block;text-align:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:100%;} #sidebar_right ul.menu li span, #sidebar_left ul.menu li span {top:10px;} #footerwidgets ul.menu li span {top:7px;} #sidebar_right ul.menu li ul.sub-menu, #sidebar_left ul.menu li ul.sub-menu, #footerwidgets ul.menu li ul.sub-menu {width:100%;top:0;margin:0px 0px 30px 0px;position:relative;z-index:9;} #sidebar_right ul.menu li ul.sub-menu span, #sidebar_left ul.menu li ul.sub-menu span, #footerwidgets ul.menu li ul.sub-menu span {display:none;} #sidebar_right ul.menu li ul.sub-menu li a, #sidebar_left ul.menu li ul.sub-menu li a {background:none !important;margin:0px;} #footerwidgets ul.menu li ul.sub-menu li a {background:#151515 !important;} #sidebar_right ul.menu li ul.sub-menu li a:hover, #sidebar_left ul.menu li ul.sub-menu li a:hover {color:#151515;background:#FFFF00 !important;} #footerwidgets ul.menu li ul.sub-menu li a:hover {color:#FFFFFF;} #sidebar_right ul.menu li ul.sub-menu li ul.sub-menu li, #sidebar_left ul.menu li ul.sub-menu li ul.sub-menu li, #footerwidgets ul.menu li ul.sub-menu li ul.sub-menu li {display:none;} /************************************************ * 18. Recent Comments Widget * ************************************************/ #recentcomments {margin:0px;padding:0px;} #content #recentcomments a {display:inline;background:none;color:#151515;padding:0px;margin:0px;font-weight:bold;text-transform:none;text-decoration:none;border:none;} #footerwidgets #recentcomments a {text-decoration:underline;line-height:22px;} #content #recentcomments a:hover {background:#FFFF00;} #content #recentcomments li, #footerwidgets #recentcomments li, #sidebar_left #recentcomments li, #sidebar_right #recentcomments li {display:block;padding:0px 0px 8px 0px;margin:0px 0px 0px 0px;} /************************************************ * 19. Calendar Widget * ************************************************/ #calendar_wrap {margin:0px auto 0px;padding:5px 10px 5px 10px;} #wp-calendar {width:100%;text-align:center;} #wp-calendar a {margin:0px !important;} #wp-calendar caption {font-family:Arial, Helvetica, sans-serif;font-size:16px;margin:5px 0px 5px 0px;} #wp-calendar #prev a {float:left;margin:10px 0px 0px 0px !important;text-align:left;} #wp-calendar #next a {float:right;margin:10px 0px 0px 0px !important;text-align:right;} /************************************************ * 20. Search Form * ************************************************/ .widget_search {float:left;display:block;width:100%;} #searchform {margin:0px;padding:0px;} #searchform label {display:none;} #s {background:#FFFFFF;width:97%;color:#C9C9C9;font-size:12px;font-family:Arial, Helvetica, sans-serif;margin:0px 0px 0px 0px;padding:6px 4px;display:inline;border:1px solid #EEEEEE;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;} #footerwidgets .footerwidgetleft #s, #footerwidgets .footerwidgetmidleft #s, #footerwidgets .footerwidgetmidright #s {width:94%;} #searchsubmit {float:left;display:none;background:#151515;color:#999999;font-size:12px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;width:80px;margin:10px 0px 0px 0px;padding:6px 3px 6px 3px;border:none;cursor:pointer;transition:background .25s, color .25s;-moz-transition:background .25s, color .25s;-webkit-transition:background .25s, color .25s;-o-transition:background .25s, color .25s;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;} #footerwidgets #searchsubmit {background:#C9C9C9;} #searchsubmit:hover {background:#C9C9C9;color:#151515;} /************************************************ * 21. Footer Widgets * ************************************************/ #footertopbg {display:inline-block;background:#151515;width:960px;margin:30px auto 0px;padding:0px 0px 0px 0px;} #footerwidgets {float:left;display:block;background:#151515;width:920px;margin:0px 0px 0px 0px;padding:0px 20px 0px 20px;color:#999999;} #footerwidgets a {color:#CCCCCC;} #footerwidgets a:hover {color:#ffff00;} #footerwidgets h4 {color:#FFFFFF;font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;font-style:italic;line-height:20px;text-transform:none;margin:0px 0px 10px 0px;padding:20px 0px 5px 0px;text-decoration:none;} #footerwidgets li {text-decoration:none;list-style-type:none;} #footerwidgets li a, #footerwidgets li a:link, #footerwidgets li a:visited {font-weight:normal;text-decoration:none;} #footerwidgets ul {list-style-type:none;margin:0px;padding:0px;} #footerwidgets ul li {list-style-type:none;margin:0px 0px 0px 0px;padding:0px;} #footerwidgets ul li ul li {text-indent:10px;} #footerwidgets ul li ul li ul li {text-indent:20px;} #footerwidgets ul li a {display:block;background:none;text-indent:5px;line-height:30px;margin:0px 0px 5px 0px;padding:0px 0px 0px 0px;} #footerwidgets ul li a:hover {display:block;} #footerwidgets .widget {float:left;display:block;width:100%;margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;} #footerwidgets .textwidget {color:#999999;} #footerwidgets .textwidget a, #footerwidgets #wp-calendar a {color:#FFFFFF;display:inline;margin:0px;padding:0px;} #footerwidgets .textwidget a:hover, #footerwidgets #wp-calendar a:hover {color:#151515;display:inline;margin:0px;padding:0px;} .footerwidgetleft {width:170px;float:left;display:inline;margin:0px 20px 0px 0px;padding:0px 0px 0px 0px;} .footerwidgetmidleft {width:170px;float:left;display:inline;margin:0px 20px 0px 0px;padding:0px 0px 0px 0px;} .footerwidgetmidright {width:170px;float:left;display:inline;margin:0px 20px 0px 0px;padding:0px 0px 0px 0px;} .footerwidgetright {width:350px;float:right;display:inline;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} /************************************************ * 22. Footer * ************************************************/ #footerbg {display:inline-block;background:#151515;width:960px;margin:0 auto 0;padding:0px 0px 0px 0px;border-top:1px solid #222222;} #footer {width:960px;height:60px;color:#666666;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} #footer p {margin:0px;padding:0px;font-style:italic;} #footer a {color:#999999;text-decoration:none;} #footer a:hover {color:#cccccc;text-decoration:none;background:none;} .footerright a img {display:block;} .footerleft {float:left;display:block;} .footertop {font-size:12px;font-weight:normal;margin:0px 0px 0px 0px;padding:10px 20px 0px 20px;} .footerbottom {font-size:11px;color:#666666;font-weight:normal;line-height:14px;margin:0px;padding:0px 20px 0px 20px;} .footerright {float:right;display:block;margin:15px 15px 0px 0px;} /************************************************ * 23. Comments * ************************************************/ #submit {background:#151515;color:#999999;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;text-decoration:none;margin:0px;padding:6px 5px 6px 5px;border:none;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;} #author, #email, #url {background:#FFFFFF !important;color:#666666;font-size:12px;font-family:Arial, Helvetica, sans-serif;margin:0px;padding:5px;border:1px solid #EEEEEE;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;} #comment {background:#FFFFFF !important;color:#666666;font-size:12px;font-family:Roboto;margin:5px 0px 5px 0px;padding:5px;border:1px solid #EEEEEE;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;} .postcomments h5 {font-family:Roboto-bold;font-style:normal;} .postcomments, .commentlist {font-family:Roboto;} .commentlist li ul li {font-size:12px;} .commentlist li {font-weight:bold;} .commentlist li .avatar {background:#FFFFFF;float:right;margin:0px 0px 10px 10px;padding:4px;border:1px solid #DDDDDD;} .commentlist cite, .commentlist cite a {font-weight:bold;font-style:normal;font-size:12px;} .commentlist p {font-weight:normal;text-transform:none;} .commentmetadata {font-weight:normal;} #commentform input {width:140px;padding:6px 0px 6px 0px;margin:5px 5px 0px 0px;} #commentform {margin:0px;} #commentform textarea {width:100%;padding:4px;} #respond {width:640px;margin:20px 0px 0px 0px;} #respond:after {content:".";display:block;height:0px;clear:both;visibility:hidden;} #commentform p {width:640px;margin:5px 0px 5px 0px;font-family:Roboto;} #respond h5 {font-family:Roboto-bold;font-style:normal;} #commentform #submit {margin:0px;float:left;display:block;cursor:pointer;transition:background .25s, color .25s;-moz-transition:background .25s, color .25s;-webkit-transition:background .25s, color .25s;-o-transition:background .25s, color .25s;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;color:white;} #commentform #submit:hover {color:#151515;background:#FFFF00;} .alt {margin:0px;padding:10px;} .commentlist {margin:0px;padding:0px;} .commentlist ol {margin:0px;padding:10px;} .commentlist li {margin:15px 0px 5px 0px;padding:10px 10px 10px 10px;list-style:none;} .commentlist li ul li {margin-right:5px;margin-left:5px;padding-top:10px;border-top:1px solid #DDDDDD;} .commentlist p {margin:10px 0px 10px 0px;padding:0px;} .children {margin:0px;padding:0px;} .nocomments {text-align:center;margin:0px;padding:0px;display:none;} .reply {padding:5px 0px 0px 0px;} .reply a, .reply a:visited {display:inline-block;background:#151515;color:#999999;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-decoration:none;margin:0px;padding:2px 12px 2px 12px;border:none;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;} .reply a:hover {background:#FFFF00;color:#151515;text-decoration:none;border:none;} .commentmetadata {font-size:10px;margin:0px;display:block;} .navigation {display:block;text-align:center;margin-top:10px;margin-bottom:30px;} .alignright {float:right;} .alignleft {float:left;} .thread-alt {background:#FFFFFF;margin:0px;padding:0px;} .thread-even {background:#EEEEEE;margin:0px;padding:0px;} .depth-1 {margin:0px;padding:0px;} .even, .alt {margin:0px;padding:0px;} /************************************************ * 24. Gravity Forms Styling * ************************************************/ #container .gform_wrapper {overflow:hidden;margin-bottom:10px;max-width:640px;} #container .gform_wrapper select,#container .gform_wrapper textarea,#container .gform_wrapper input {background:#000000;border:1px solid #000000;outline-style:none;color:#999999;font-size:16px;font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;padding:8px 5px;letter-spacing:normal;} #container .gform_wrapper select:hover,#container .gform_wrapper textarea:hover,#container .gform_wrapper input:hover {background:#333333;color:#FFFFFF;} #container .gform_wrapper h1,#container .gform_wrapper h2,#container .gform_wrapper h3 {font-weight:normal;border:none;outline:none;background:none;} #container .gform_wrapper:focus {outline:none;} #container .gform_wrapper form {text-align:left;} #container .gform_wrapper .field_hover {border:1px dashed #2175A9 !important;cursor:pointer;} #container .gform_wrapper .field_selected {background-color:#DFEFFF;border:1px solid #C2D7EF !important;} #container .gform_wrapper .ginput_complex label,#container .gform_wrapper .gfield_time_hour label,#container .gform_wrapper .gfield_time_minute label,#container .gform_wrapper .gfield_date_month label,#container .gform_wrapper .gfield_date_day label,#container .gform_wrapper .gfield_date_year label,#container .gform_wrapper .instruction {display:block;margin:3px 0 8px 0;font-size:10px;letter-spacing:1px;} #container .gform_wrapper .top_label .gfield_label {margin:10px 0 4px 0;font-weight:bold;display:-moz-inline-stack;display:inline-block;line-height:130%;clear:both;} #container .gform_wrapper .left_label .gfield_label {float:left;margin:2px 15px 0 0;width:29%;font-weight:bold;} #container .gform_wrapper .right_label .gfield_label {float:left;margin:2px 15px 0 0;width:29%;font-weight:bold;text-align:right;} #container .gform_wrapper .top_label input.small,#container .gform_wrapper .top_label select.small {width:25%;} #container .gform_wrapper .top_label input.medium,#container .gform_wrapper .top_label select.medium {width:50%;} #container .gform_wrapper .top_label input.large,#container .gform_wrapper .top_label select.large,#container .gform_wrapper .top_label textarea.textarea {width:98%;} #container .gform_wrapper .right_label input.small,#container .gform_wrapper .right_label select.small,#container .gform_wrapper .left_label input.small,#container .gform_wrapper .left_label select.small {width:15%;} #container .gform_wrapper .right_label input.medium,#container .gform_wrapper .right_label select.medium,#container .gform_wrapper .left_label input.medium,#container .gform_wrapper .left_label select.medium {width:35%;} #container .gform_wrapper .right_label input.large,#container .gform_wrapper .right_label select.large,#container .gform_wrapper .left_label input.large,#container .gform_wrapper .left_label select.large,#container .gform_wrapper textarea.textarea {width:59%;} #container .gform_wrapper .gsection .gfield_label,#container .gform_wrapper h2.gsection_title,#container .gform_wrapper h3.gform_title {font-weight:bold;font-size:16px;font-family:Helvetica,sans-serif;} #container .gform_wrapper .description,#container .gform_wrapper .gfield_description,#container .gform_wrapper .gsection_description,#container .gform_wrapper .instruction {font-size:10px;line-height:150%;clear:both;font-family:verdana,sans-serif;letter-spacing:normal;} #container .gform_wrapper .gfield_description {padding:10px 0 8px 0;font-style:italic;} #container .gform_wrapper .gsection_description {font-style:italic;} #container .gform_wrapper .gfield_required {color:#790000;margin-left:4px;} #container .gform_wrapper .gfield_error {background-color:#FFFF00 !important;margin-top:4px !important;margin-bottom:6px;padding:6px 6px 4px 6px !important;} #container .gform_wrapper .gfield_error .gfield_label {color:#000000;} #container .gform_wrapper .validation_error {background:#FFFF00;color:#000000;font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;font-size:18px;font-style:italic;text-align:center;line-height:150%;margin-bottom:10px;width:100%;padding:20px;} #container .gform_wrapper .validation_message {color:#000000 !important;font-size:11px;font-family:Georgia,"Times New Roman",Times,serif;letter-spacing:normal;} #container .gform_wrapper input.button {font-size:18px;color:#666666;} #container .gform_wrapper input.button:hover {color:#FFFFFF;} #container #gforms_confirmation_message {background-color:#fffac6;border:1px solid #feda70;margin-top:10px;margin-bottom:10px;padding:20px 0;font-size:14px;color:#252525;text-align:center} #container .gform_footer input.button {*padding:10px;padding:10px;background:#000000;font-weight:bold;} #container img.ui-datepicker-trigger {position:relative;top:10px;} #container .gform_wrapper ul li {padding:0px;} ._mob-h {display:none;} #u-TipCvv{ left: 40px !important;background: black;z-index: 3;right: 40px;} /* Css Privacy page*/ .page-id-73659 p {margin:0;} .wide-issue-view .next-button, .wide-issue-view .prev-button, .widercolumn .next-button, .widercolumn .prev-button, .playlist-page-results .next-button, .playlist-page-results .prev-button, .saved-search-panel .next-button, .saved-search-panel .prev-button { display: none !important; } .c-Footer{width:100% !important;max-width: 100% !important;} .c-Footer-Inner{max-width:1340px !important;margin: 0 auto;} .c-Footer-Inner:after{content:"";clear: both;display: block;} .addtoany_share_save_container{margin:0 !important;padding-bottom:16px;} .title_page{padding-bottom:0px;margin-bottom:0;} #postsfromcategorywidget-3 {margin-top:35px;clear:both;} .postarea strong {font-family:robotomedium;} @media only screen and (max-device-width:600px){ .a2a_button_tumblr, .a2a_button_google_plus{display:none !important;} .addtoany_share_save_container{padding-top:10px;} .category-theinbox #content.top,.nopad .left_wrap{width:100% !important;} .category-theinbox #content.top{margin-bottom:0px !important;} .subscribe-label{padding-left:20px;} .comment-subscription-form{display:inline-block;padding:10px;} #respond,#commentform p{width:100%;} .related-posts-list .related-post{width:100% !important;margin-right:0px !important;} .postmeta{margin-bottom:70px !important;} } @media screen and (max-width:600px) { ._desk-h-menu{display:none;} } #menu{padding-left:0px;} #menu-toggle{display:none;} #menu {width:100%;overflow:hidden;max-height:0;} #menu-toggle:checked + #menu {max-height:600px;padding-top: 9px;} #nav .toggel .insight-title-mob{font-weight:lighter;color:#B2B2B2;font-size:35px;font-family:Inter,Arial,'PT Sans Narrow', sans-serif;} #menu li a{display:block !important;float:initial !important;font-weight:lighter !important;color:#B2B2B2 !important;font-size:35px !important;text-transform:uppercase !important;border:0 !important;line-height:38px;position:relative !important;font-family:Inter,Arial,'PT Sans Narrow',sans-serif;} .icon{padding-top:35px;display:block;float:right;font-weight:700;color:#B2B2B2;font-size:22px;text-transform:uppercase;border:0;position:relative;} .c-Banner {width:100%; display:block; margin:20px auto 20px auto; text-align:center; overflow:hidden;} .c-Banner-HomeTop,.c-Banner-HomeBottom {width:100%; max-width:960px; margin:0 auto;} .c-Banner-HomeLeft,.c-Banner-HomeRight {width:100%; max-width:300px; height:600px;} .category-theinbox #content.top{width:100% !important;max-width:960px;margin-bottom:30px;} .category-theinbox .postimg_single img{object-fit:contain;margin-bottom:20px;} .category-theinbox .left_wrap.detail_page{width:auto !important;float:unset !important;} #text-11{ display: none; } #text-9{ display: none; } #text-6 { display: none; } #search-7 { display: none; } #text-5 { display: none; } #custom_html-2 { display: none; } #postsfromcategorywidget-3 { display: none; } #text-13 { display: none; } #custom_html-4 { display: none; } /*Xenex Media Quries*/ #nav .toggel .icon {margin-top: 11px !important;} @media only screen and (max-width :420px) { .postvid_single iframe, .postvid_single embed, .postvid_single object{min-height:auto;}/*height:220px;*/ } @media only screen and (max-width :540px) { .postvid_single iframe, .postvid_single embed, .postvid_single object{min-height:auto;}/*height:290px;*/ } @media only screen and (max-width :586px) { .homeinfo{padding:10px;} .widget_postsfromcategorywidget h3.post-title{font-size:14px;font-weight:300;} .c-Footer-Inner{display:flex;flex-flow:column;padding-bottom:15px;} .c-Footer .c-Copyright{padding:10px 0px;} .c-Footer .c-Footer-Nav{padding-left:0px;} } @media only screen and (min-width :586px) { .c-Footer .share-icons {float:right !important;padding-top: 0 !important; Top: 0 !important;clear:none !important;} } @media only screen and (max-width :600px) { #homeslider h2{font-size:24px;line-height:1.3;padding-top:10px;} .homeinfo{padding:9px 10px;} .nopad .homeinfo h2{padding:0px 0px 5px;font-size:24px;line-height:1.3;} #homeslider p,.homepagecontent p{font-size:16px;line-height:1.5;margin:0px;} #homefeatur{margin-bottom:40px;} /*Home Sidebar*/ #postsfromcategorywidget-3 h4{font-weight:300;} /*Add Show Code*/ /*._mob-h{display:inherit !important;}*/ #text-13._mob-h{margin-bottom:45px !important;text-align:center;margin-top:15px;} img.alignnone{object-fit:contain;object-position:center;height:auto;} } @media only screen and (max-device-width:600px){ .a2a_kit a span{background-color:rgb(59, 89, 152);width:20px !important;line-height:20px !important;height:20px !important;background-size:20px !important;border-radius:2px !important;} .postmeta{width:100%;border-top:5px solid #151515;border-bottom:1px dotted #151515;} .a2a_button_sms span{width:60px;height:60px;} .related-post{display:inline-block;vertical-align:top;margin-bottom:20px;font-size:45px;line-height:60px;} .related-post:nth-child(odd) {margin-right:30px !important;} #commentform textarea{width:100%;} .text-13-post .textwidget a img{margin-top:20px;} #content.wide, #content.left, #homepage, #hometop, #homefeature, #textbanner,#postsfromcategorywidget-3{width:100%;} .nopad .homeinfo h2{padding:4px 0 20px 0;} #nav .nav-menu a, .insight-title, #nav .toggel .insight-title-mob,#menu li a {color:#909090 !important;} .widget_postsfromcategorywidget h3.post-title{padding:4px 0 20px 0;} /*Comments*/ .respond-div, .respond-div h5{font-family:Roboto,Arial,Helvetica,sans-serif;font-style:normal;} /*Popup*/ #gw893mi.g7o2kct{width:100%;max-width:50% !important;} #gw893mi.g7o2kct .gittflr, #gw893mi.g7o2kct .g-cvfzmm{font-size:26px !important;} #gw893mi.g7o2kct .g-q27d9r{font-size:20px !important;} #gw893mi .g196ghg .gmngj3u, #gw893mi .gmngj3u{font-size:16px !important;} } @media only screen and (max-width :667px) { .feature_info{padding:0px 10px;} /*home-page posts*/ #homepage{flex-wrap:wrap;} .homepagemid{padding:0px !important;max-width:100% !important;} .homeinfo h2{font-size:28px;line-height:30px;} .homepagecontent p{font-size:14px;line-height:24px;} /*Details page*/ .player{max-width:100% !important;} .postvid_single iframe, .postvid_single embed, .postvid_single object{}/*min-height:365px;*/ .left_wrap.detail_page{flex-wrap:wrap;} .left_wrap.detail_page #content.left{max-width:100%;padding:0px;} .left_wrap.detail_page #sidebar_right_home{max-width:100%;} .nopad .detail_page .postarea h1{font-size:24px;padding:0px;margin:0px;line-height:1.3;} /*sidebar*/ ._desk-h{display:none;} .nopad #sidebar_right_home{width:100%;margin-top:20px;margin-bottom:0px;padding-bottom:0px;} .widget .post-cat-widget .post{margin-bottom:40px;} .widget .post-cat-widget .post:last-child{margin-bottom:0px;} .top-col img{width:100%;display:block;} } @media only screen and (max-width :767px) { .navigation-menu{margin:0px !important;} .logo-div .toggel{display:block;margin:2px 0px 0px;} #nav .search-social,.nav-menu{display:none;} /*nav*/ #nav .toggel .insight-title-mob{padding:13px 0 0;font-size:16px !important;color:#666 !important;} #nav .toggel .icon{margin-top:11px !important;padding:0px;position:absolute;right:0px;z-index:1000;} #nav .toggel .icon .fa{font-size:30px !important;cursor:pointer;} /*menu*/ #nav .toggel #menu li a{font-size:16px !important;padding:0 10px 0 0px;color:#666 !important;} #nav .toggel #menu li a[href="/trial/"], #nav .toggel #menu li a[href="/newtrial/"]{color:#FF2600 !important;} #nav .toggel #menu li a.highlight-link{color: #ff2600 !important;font-weight: 600 !important;} /*#nav .toggel #menu li a[href="https://store.stashmedia.tv/"]{font-family:Inter;font-weight:600 !important;color:#ff2600 !important;}*/ /*slider*/ div.anythingSlider li .feature_img img{object-fit:contain;height:auto;} div.anythingSlider li .feature_img{height:auto;} #homeslider h2{font-size:32px;line-height:35px;} /*posts*/ .nopad #container{padding-top:0px;} /*detail page*/ .postvid_single iframe, .postvid_single embed, .postvid_single object{}/*height:100%;min-height:420px;*/ .nopad .detail_page .postarea{padding-top:0 !important;} } @media only screen and (max-width :820px) { .nopad .insight-title{margin-right:10px;} .nopad #nav .nav-menu a{padding:0px 10px;} .nopad .insight-title{padding:0px;} /*home-posts*/ .homepagemid{max-width:550px;} .homepagecontent a img{object-fit:contain;object-position:center;width:100%;height:auto;} } @media only screen and (min-width: 960px) { .nopad #sidebar_right_home {position: absolute;right: 0;} } @media only screen and (max-width :960px) { #wrap{padding:0px 20px;} #container{padding:0px 20px;} .nopad #nav{padding:0px 20px !important;} /*#homepage*/ #homepage{display:flex;} .homepagemid{max-width:630px;padding-right:20px;} #sidebar_right_home{margin-left:auto} #sidebar_right_home .post-cat-widget .post{padding:0px;} /*details page*/ .left_wrap.detail_page{display:flex;width:100%;} .category-theinbox .left_wrap.detail_page{width:100% !important;} .left_wrap.detail_page #content.left{width:100%;max-width:67%;padding-right:20px;} .left_wrap.detail_page #content.left iframe{width:100%;} .left_wrap.detail_page #sidebar_right_home{max-width:300px;width:100%;} } @media only screen and (max-width :992px) { .nopad #nav{width:100% !important;max-width:960px;} /*details page*/ #content.top{padding:0px;width:100%;max-width:960px;} } /*fix overflowing bug on anyslider on home page*/ #hometop{float:none !important;} #homefeature{float:none !important} #homeslider{float:none !important} #homeslider .anythingSlider{height:auto !important;} #homeslider ul{position:relative !important} #homeslider li{height:auto !important;} #homeslider .anythingSlider li .feature_img{height:auto !important;float:none !important;} /*fix backgrounds on tags google uses for adverts - if there's no advert loaded*/ div[data-sidebar] .adsbygoogle{width:300px;height:600px;max-width:300px !important;max-height:600px !important;background:none;margin-bottom: 30px;} div[data-sidebar] .adsbygoogle:empty{background-size:300px 600px;width:300px;height:600px !important;background-repeat:no-repeat;} /*background:url(/wp-content/themes/default/images/bnrs/Stash-Trial-300x600-2020.jpg);*/ &:-webkit-autofill {/* Expose a hook for JavaScript when auto fill is shown.JavaScript can capture 'animationstart' events */animation-name:onAutoFillStart;/* Make the backgound color become yellow _really slowly_*/transition:background-color 50000s ease-in-out 0s;} &:not(:-webkit-autofill) {/* Expose a hook for JS onAutoFillCancelJavaScript can capture 'animationstart' events*/animation-name:onAutoFillCancel;} .all-issues-playlist-issue-search { position: relative; } .all-playlists-menu-container { z-index: 2; font-size: 14px; width: 33.33%; min-width: 33.33%; max-width: 33.33%; text-align: center; } .all-playlists-menu { background: transparent; border: 0; margin: 0; padding: 0; font-family: Inter; line-height: 22px; font-size: 14px; vertical-align: revert; cursor: pointer; height: 23px; } .all-playlists-wrapper { position: absolute; top: 27px; left: 0; display: block; width: 280px; background: white; padding: 20px; border: 1px solid #e1e2d3; -webkit-box-shadow: 0 0 10px #e1e2d3; box-shadow: 0 0 10px #e1e2d3; -webkit-border-radius: 3px; border-radius: 3px; height: 550px; overflow: auto; display: none; } .all-playlists-wrapper span, .all-playlists-wrapper a { display: block; } .all-playlists-wrapper .playlist-h3 { font-weight: 500; padding-top: 8px; } .all-playlists-wrapper .playlist-h3:first-child { padding-top: 0; } input, input:focus{-webkit-outline:none;outline:none;} input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */ body{overflow-y:scroll;} .nopad{padding:0;} #wrap{position:relative;z-index:1;} .nopad .postarea {padding-top:20px;padding-top:0;display: block;} .nopad #container {padding-top:15px;} .nopad #container .post h2 a{color:#000000;font-size: 32px;font-weight: 600;text-transform: initial;line-height: 1.3;} .postarea h2 a{color:#000000;font-size: 32px;font-weight: 600;text-transform: initial;line-height: 1.3;} .nopad #container .post h2 a:hover{color:#000;} #nav{position:relative;z-index:2;width:100%;max-width:960px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0 auto;background:white;font-family:'PT Sans';} .single #nav {width:100%;max-width:1000px;padding:20px 20px 0 20px;} .blog #nav{width:100%;max-width:1000px;padding:0 20px;} .nopad #nav{width:100%;max-width:1340px;padding:0 20px;min-height: 93px;} .nopad #page{margin:16px auto;max-width: 1300px;} #nav:after, .nav-menu:after {clear:both;content:"";display:block;} .nav-menu {padding-top:15px;position:relative;line-height:22px;} #nav a{padding:40px 6px 10px 6px;} #nav a.logo-bar{float:none;padding: 0;} #nav a, .insight-title {display:block;float:left;font-family:Inter;font-weight:700;color:#B2B2B2;font-size:14px;text-transform:uppercase;border:0;position:relative} #nav .nav-menu a, .insight-title{padding:0 21px;font-size:16px;font-family:Inter, sans-serif;font-weight:normal;color:#666666;} #nav .nav-menu .insight-title{margin-right:23px;padding:0;} #nav a[href="/"]{padding:0 0 0 0;} #nav a[href="/trial/"], #nav a[href="/newtrial/"], #nav a.highlight-link{color:#FF2600 !important;font-weight: 600;} /*#nav a[href="https://store.stashmedia.tv/"],*/ #nav a.c-LinkActive,#nav a:hover {color:#000;} /*background:#F5F5F5;*/ #nav .c-UserAccount{max-width:180px;} #nav img {display:none;} #nav img[alt="Stash"]{display:block;} #nav a[href="/trial/"], #nav a[href="/newtrial/"]{margin-left:87px;} #nav a[href="/newtrial/"]{margin-left:0;font-family:robotobold;} #nav a[href="http://www.stashjobs.com/"]{color:black;} #nav .nav-menu a[href="http://www.stashjobs.com/"]{color:#666666;} .c-UserMenu{float:right;display:inline-block;} .nav-menu .c-UserMenu{position:absolute;float:none;display:flex;right:0;top:15px;width:auto;background:white;} #nav .nav-menu .c-UserAccount{padding:0;float:none;margin-bottom:10px;} #nav a[href="/logout/"]{float:right;} #nav a[href="/login/"]{float:right;margin-right:0;} #nav a[href="/profile/"]{float:left;} #nav .nav-menu a[href="/login/"] /*,#nav .nav-menu a[href="/profile/"]*/{padding-right:0;} .nopad #nav .nav-menu .c-UserMenu a[href="/login/"]{display:block;text-align:right;padding:0;z-index:2;} .c-PopupLogin {display:none;position:absolute;right:0px;top:60px;background:white;width:275px;} .nav-menu .c-PopupLogin{top:0;padding-top:25px;background:transparent;z-index:1;} /*.c-UserMenu:hover .c-PopupLogin {display:block;}*/ .c-FieldGroup {margin:0;border:1px solid #C2C4C6;clear:both;background:white;} .c-FieldGroupShadow{box-shadow:0 0 0 1px #c2c4c6 inset;} .c-ShortenedField{border-top:0;} .c-FieldGroup:after{clear:both;content:"";display:block;} .c-FieldGroup label {display:block;height:46px;position:relative;} .c-FieldGroupLabel {display:block;height:46px;font-size:14px;color:#c2c4c6;position:absolute;top:0;left:20px;width:250px;z-index:1;line-height:46px;} .c-FieldGroup input {height:44px;line-height:44px;color:#c2c4c6;font-size:14px;z-index:2;width:250px;left:20px;position:absolute;background:transparent;outline:none;border:0;margin:0;padding:0;} .c-BtnLogin-Container{border:1px solid #8DC63F;margin:0;padding:0;border-top:0;} .c-BtnLogin{border-top:0;background:#8DC63F;color:white;font-weight:bold;text-indent:20px;font-size:14px;display:block;width:100%;line-height:46px;border:0;padding:0;margin:0;text-align:left;text-transform:uppercase;cursor:pointer;} .c-BtnLogin:hover {background:white;color:#8DC63F;} .c-ShortenedField label {width:70%;float:left;} .c-ShortenedField .c-FieldGroupLabel {width:180px;} .c-ShortenedField input {width:180px;} #nav a.c-ChangeField {float:right;line-height:46px;font-size:12px;text-transform:none;font-weight:normal;margin:0 20px 0 0;padding:0;} #nav a.c-ChangeField:hover {background:white;} .u-HasFocus label span {visibility:hidden;} footer{display:block;padding:25px 0 65px 0;width:960px;margin:80px auto 0 auto;text-align:center;background:rgb(150,150,150);clear:both;} footer:after{content:"";clear:both;display:block;} .c-Footer-Nav a{color:white;font-family:Inter;display:inline-block;padding:0 15px;border-bottom:0;} .c-Footer-Nav a:hover{text-decoration:underline;} .c-Footer-Nav{float:left;padding-left:10px;} .c-Copyright{float:right;color:rgb(204,204,204);font-family:Inter;margin:0;padding:0 25px 0 0;} #footertopbg,#footerwidgets{background:transparent;} .search-button{display:inline-block;margin:0;padding:0;background:transparent;border:0;line-height:22px;height:22px;position:relative;cursor:pointer;width:22px;vertical-align:top;margin-left:5px;position:relative;} .icon-play{top:0;} .icon-play:after{font-family:FontAwesome;content:"\f04b";display:block;position:absolute;top:0;left:0;width:22px;height:22px;line-height:23px;text-align:center;color:#ccc;font-size:18px;} .icon-search:after{font-family:FontAwesome;content:"\f002";display:block;position:absolute;top:0;left:0;width:22px;height:22px;line-height:22px;text-align:center;color:#ccc;font-size:18px;} .icon-search{top:-1px;} .icon-play:hover:after,.icon-search:hover:after{color:#444;} .u-Delete-PlaylistItem_Overlay{display:none;} .u-Delete-Playlist{color: #999;display: inline-block;margin: 0;padding: 15px 0 18px 0;line-height: 12px;font-weight: 500 !important;} div.hoverscroll{float:left;clear:right;} div.hoverscroll:after{clear:both;content:"";display:block;} div[data-is_default="1"] .u-Delete-Playlist { visibility: hidden; } .nopad .left_wrap{margin-top:0;} .nopad #sidebar_right_home {margin-top:0;padding-top:0;padding-bottom: 80px;} @media all and (min-width: 960px) { .nopad #sidebar_right_home { /*padding-top: 40px;*/ } } .detail_page #sidebar_right_home{padding-top:16px;padding-top:0;} @media all and (min-width: 960px){ #sidebar_right_home.has-video {padding-top:16px;padding-top:0;} } .widget h4 { font-weight: 600; } .c-UserHeader .c-UserSettings{width:340px;} .c-UserHeader .c-UserSettings label {float:left;width:260px;} .c-UserHeader .c-FieldUpdate {float:right;width:50px;} .c-UserHeader .c-FieldGroup {left:0;} .c-UserHeader .c-FieldGroup input {border:0;float:right;width:150px;position:relative;padding-right:0;padding-left:0;} .c-UserHeader .c-FieldGroupLabel {position:relative;left:0;} .nopad h2{font-family:Inter, sans-serif;margin:0;padding:20px 0 0px 0;line-height: 25px;} .nopad #nav .nav-menu .c-UserMenu a {display:inline; width:100%;float: none;} .nopad #nav .nav-menu .c-UserMenu a.c-UserAccount, .nopad #nav .nav-menu .c-UserMenu:hover a:nth-child(2) {display:block;text-align:right;padding:0;} .nopad .c-UserHeader .c-UserSettings {width:100%;max-width: 404px;margin: 0 auto;padding-top: 0;float: none;} .nopad .c-UserHeader .c-FieldGroup input {border:0;left:0; padding:0 20px;width: 100%;max-width: 220px;margin: 0 auto;display: block;} .nopad .c-UserHeader .c-FieldGroup input:disabled {background:#E3E3E3;} .nopad .c-UserHeader .c-UserSettings label {width:auto;position: relative;overflow: hidden;} .nopad .c-UserHeader .c-UserSettings label span {position: relative;} .nopad .c-UserHeader .c-UserSettings label[for="expirydate"] a {background: #3fb2ff;color: white; line-height: 32px; position: absolute; top: -7px; padding: 0 20px; right: 0;} .nopad .c-UserHeader .c-UserSettings input[type="checkbox"]{position: absolute;left: -3000%;top: 0;} .nopad .c-UserHeader .c-FieldUpdate {float:left; width:25px;} .nopad .c-UserHeader .c-ShowField{width:95px;} .nopad .c-FieldGroup {margin:0;border:none;clear:both;background:white;} .nopad .c-UserHeader .c-UserSettings .c-HelperText{padding-left:0;} .nopad .c-UserHeader .c-UserSettings .c-c-ErrorNotice{padding-left:0;} .nopad #nav .nav-menu .c-UserMenu a[href="/forgotpw/"]{width:auto;} .nopad #nav .nav-menu .c-UserMenu a[href="/forgotpw/"]:hover{background:transparent;} .nopad .archive-title{padding-top:15px;padding-bottom:5px;} #page iframe{border:0;display:block;margin:0;padding:0;} #profile-page h1, #profile-page h2 {font-size: 18px;line-height: 24px;text-transform: none;font-weight: 500;padding-bottom: 15px;padding-top: 0;margin-top: 0;margin-bottom: 0;color: black;} #profile-page h2{padding-top: 50px;} .profile-table h1 {font-size: 18px;line-height: 24px;text-transform: none;font-weight: 500;padding-bottom: 15px;padding-top: 0;margin-top: 0;margin-bottom: 0;color: black;} .card-toggle{border: 0;padding: 0;margin: 0;color:#3fb2ff;position: absolute;top: 15px;right: 15px;-webkit-outline: none;outline: none;background: none;} .new-card-toggle{border: 0;padding: 0;margin: 0;color:#3fb2ff;float: right;-webkit-outline: none;outline: none;background: none;} .card-toggle:hover, .new-card-toggle:hover{text-decoration: underline;cursor: pointer;} .card-details,.card-new{display: none;} .card-details.open{display: block;margin-bottom: 40px;} .card-new.open{display: block;margin-bottom: 40px;} .card-brand-american-express:before{position: absolute;left: 0;top: 12px;font-family: FontAwesome;content: "\f1f3";color: #888;font-size: 18px;} .card-brand-diners:before{position: absolute;left: 0;top: 12px;font-family: FontAwesome;content: "\f24c";color: #888;font-size: 18px;} .card-brand-discover:before{position: absolute;left: 0;top: 12px;font-family: FontAwesome;content: "\f1f2";color: #888;font-size: 18px;} .card-brand-jcb:before{position: absolute;left: 0;top: 12px;font-family: FontAwesome;content: "\f24b";color: #888;font-size: 18px;} .card-brand-mastercard:before{position: absolute;left: 0;top: 12px;font-family: FontAwesome;content: "\f1f1";color: #888;font-size: 18px;} .card-brand-visa:before{position: absolute;left: 0;top: 12px;font-family: FontAwesome;content: "\f1f0";color: #888;font-size: 18px;} /** * New Styles */ .c-PageHeadline{color:#666666;margin:0;padding:20px 0 30px 0;} .c-CloseSettings{display:none;} /** * Shop Styles */ .style3 {color:#151515;font-family:Inter, sans-serif;font-size:36px;font-weight:bold;font-style:normal;text-transform:uppercase;-webkit-text-shadow:0px 0px 0px #CCCCCC;-kthml-text-shadow:0px 0px 0px #CCCCCC;-moz-text-shadow:0px 0px 0px #CCCCCC;-ms-text-shadow:0px 0px 0px #CCCCCC;-o-text-shadow:0px 0px 0px #CCCCCC;text-shadow:0px 0px 0px #CCCCCC;line-height:36px;letter-spacing:0px;margin:35px 0px 0px 0px;padding:5px 0px 5px 0px;} .style5 {color:#666666;font-size:14px;} .copy {color:#999;font-size:12px;font-family:Inter;line-height:18px;} .copy_bold {color:#999;font-weight:bold;line-height:18px;font-family:Inter;font-size:16px;} .copy1 {color:#999;font-size:12px;line-height:18px} .copy1 {color:#999;font-size:12px;line-height:18px;font-family:Inter, sans-serif;font-weight:normal;} .copy11 {color:#999; font-size:12px; line-height:18px; font-family:Inter, sans-serif} .link_orange {font-family:Inter, sans-serif;font-size:14px;font-style:normal;color:#f60;} .link_orange1 {font-family:Inter;font-size:12px; color:#f60;} .section_title {color:#151515; font-weight:bold; font-size:14px; font-family:Inter } .section_title1 {color:#f60; font-weight:bold; font-size:14px; font-family:Inter } .heading1 {color:#999; font-weight:normal; font-size:12px; font-family:Inter, sans-serif} /** * Common Login */ .login {color:#E8E8E8;font-family:'Sanchez', serif;font-size:8.5px;font-weight:normal;font-style:normal;line-height:19px;} /** * Slideshow */ .slideshow { height:300px; width:960px; margin-top:-5px;} .slideshow img { padding:0px; border:0px solid #ccc; background-color:#eee; } .archive_details_page .slideshow { margin-left:auto;margin-right:auto;} .logo-width{padding-bottom:20px;} .nopad .postimg_archive img{margin-top:0;width: 100%} /*.item .u-Delete-PlaylistItem_Overlay{display:none !important;}*/ .c-PopupLogin-Embedded .c-FieldGroup {border:1px solid #c2c4c6;} #nav .logo-div{position:relative;} #nav .search-social{position:absolute;right:0;bottom:6px;} #nav .search-form{position:relative;width:300px;} #nav .search-form:after{clear:both;display:block;content:"";} #nav .search-label{margin:0;padding:0;width:300px;position:relative;/*float:left;*/} #nav .search-label label{overflow:hidden;float:left;width:266px;display:none;height:32px;line-height:32px;} #nav .search-label label.opened{display:block;} #nav .search-label input{border:0;margin:0;padding:0;font-family:Roboto;width:100%;float:left;display:block;height:32px;line-height:32px;font-size:16px;font-weight:lighter;} #nav .search-label label.opened input{position:relative;box-shadow:-1px 1px 0 0 white inset, -1px -1px 0 0px #BCBEC0 inset;} #nav .search-label .search-icon{overflow:hidden;float:right;width:32px;height:32px;display:block;border:0;margin:0 0px 0 0;padding:0;cursor:pointer;position:relative;background:transparent;outline:none;} #nav .search-label .search-icon:before{font-family:FontAwesome;content:"\f002";line-height:32px;height:32px;width:32px;color:#dbdbdb;display:block;position:absolute;left:4px;top:0;font-size:22px;text-align:center;} #nav .search-label .search-icon:hover:before{color:#BCBEC0;} #nav .share-icons, .c-Footer .share-icons{float:right;margin:0;padding:0;width:124px;position:relative;top:5px;} #nav .share-icons:after, .c-Footer .share-icons:after{clear:both;display:block;content:"";} #nav .social-icon, .c-Footer .social-icon{float:left;height:22px;width:22px;display:block;border-radius:11px;overflow:hidden;text-align:center;line-height:22px;position:relative;font-size:0;padding:0;margin:0 0 0 9px;} .c-Footer .social-icon{margin:0 0 0 18px;} #nav .social-icon:before, .c-Footer .social-icon:before{content:"";font-family:FontAwesome;font-size:14px;color:white;background:#dbdbdb;line-height:22px;text-align:center;display:block;position:absolute;top:0;left:0;width:22px;height:22px;font-weight:normal;} #nav .social-icon-vimeo:before, .c-Footer .social-icon-vimeo:before{content:"\f27d";font-size:14px;} /*#nav .social-icon-twitter:before{content:"\f099";}*/ #nav .social-icon-twitter:before, .c-Footer .social-icon-twitter:before{ background-image:url(/wp-content/themes/default/images/icons/twitter_x.png); background-repeat:no-repeat; background-position:center center; background-size:contain; opacity:0.125; } #nav .social-icon-instagram:before, .c-Footer .social-icon-instagram:before{content:"\f16d";} #nav .social-icon-facebook:before, .c-Footer .social-icon-facebook:before{content:"\f09a";font-size:12px;} #nav .social-icon:hover:before, .c-Footer .social-icon:hover:before{background:#BCBEC0;} .c-Footer .social-icon:hover:before{background:transparent;} #nav .social-icon-twitter:hover:before, .c-Footer .social-icon-twitter:hover:before{ background-image:url(/wp-content/themes/default/images/icons/twitter_x.png); background-repeat:no-repeat; background-position:center center; background-size:contain; background-color:#dbdbdb; opacity:0.25; } .c-Footer .social-icon-twitter:hover:before{background-color:transparent;opacity:1} /**footer ones**/ .c-Footer .share-icons { margin:0 auto; padding:14px 0 14px; width:143px; } .c-Footer .social-icon{ border:1px solid rgba(255,255,255,0.3); } .c-Footer .social-icon:before { background-color:rgba(0,0,0,0.1); color:white; } .c-Footer .social-icon-instagram {margin-left:0;} .c-Footer .social-icon-twitter:before{ opacity:1; } .c-Who .c-FieldGroup{border:1px solid #c2c4c6;} .c-Who .u-First {border-bottom:0;} .search-link{text-decoration:underline !important;} video::-internal-media-controls-download-button {display:none;} video::-webkit-media-controls-enclosure {overflow:hidden;} video::-webkit-media-controls-panel {width:calc(100% + 30px); /* Adjust as needed */} a.subscribe-to-download, .subscribe-to-download:link, .subscribe-to-download:visited{color: #02aeef;} .subscribe-to-download:hover{text-decoration: underline;} .playable-video{display:none;} .playable-video-current{display:block;} .tv-playlist{padding-top:20px;} /*#video{width:960px;height:540px;}*/ /*#player{width:960px;height:540px;}*/ /*.html5-video-container{width:960px;height:540px;} .small-html5-video-container{width:640px; height:368px;}*/ #player{position:relative;} /*@media all and (max-width:960px){ #video{height:auto;} }*/ /*.playbox-left #video{width:640px;height:368px;}*/ /*.playbox-left #player{width:640px;height:368px;}*/ /*.playbox-left .html5-video-container{height:640px;width:368px;}*/ #media-controls {display:block;position:absolute;bottom:0;left:0;right:0;z-index:1;height:45px;background:rgba(0,0,0,0.4);} #media-controls button{background:transparent;border:0;margin:0;padding:0;font-size:0;height:24px;cursor:pointer;-webkit-appearance:none;outline:none;} #media-controls button:focus{outline:none;} #media-controls #play-pause-button{position:absolute;bottom:9px;left:22px;box-sizing: border-box;height:14px !important;width:14px !important; transition: 100ms all ease; will-change: border-width;cursor: pointer;} #media-controls #play-pause-button.play{border-color: transparent transparent transparent #e0e0e0;border-width:7px 0 7px 14px;border-style:solid;} #media-controls #play-pause-button.pause{border-color: transparent transparent transparent #e0e0e0;border-style: double;border-width:0 0 0 7px;left:24px !important;height:12px !important;bottom:11px !important;} #media-controls #play-pause-button.play:hover{border-color:transparent transparent transparent white;} #media-controls #play-pause-button.pause:hover{border-color:transparent transparent transparent white;} #media-controls #mute-button{left:56px;bottom:5px;position:absolute;} #media-controls #mute-button:before{font-family: "Font Awesome 5 Pro";content: "\f028";position: absolute;top: 18%;left: 0px;font-size: 15px;color: white;} #media-controls #mute-button.unmute:before{content: "\f2e2";left: -2px;} #media-controls #mute-button span{position:absolute;top:0;left:0;} #media-controls #progress-bar{cursor: pointer;position: absolute;left: 0;bottom: 33px;background: rgba(255,255,255,0.2);border: 0;height: 12px;width: 100%;appearance:none;--webkit-appearance: none;} #media-controls .progress-bar-buffer{position:absolute;z-index:1;height:12px;width:0;background:rgba(255,255,255,0.2);} #media-controls .progress-bar-played{cursor: pointer; position:absolute;z-index:2;height:12px;width:0;background:#f36d21;} #media-controls #time-of-time{position:absolute;left:90px;font-size:14px;bottom:9px;color:#808080;transition: all .2s;} #media-controls #total-time{color:#e0e0e0;} #media-controls #current-time{color:#e0e0e0;} #media-controls #volume-button{position:absolute;top:3px;width:100px;height:14px;background:rgba(255,255,255,0.05);border:0;left:0;margin:0;border-radius:3px;} #media-controls #volume-button, #volume-button::-webkit-slider-thumb {-webkit-appearance: none;} #media-controls #volume-button::-webkit-slider-runnable-track {box-sizing: border-box;border: none;width: 100px;height: 2px;background: #e0e0e0;} #media-controls #volume-button::-moz-range-track {box-sizing: border-box;border: none;width: 100px;height: 2px;background: #e0e0e0;} #media-controls #volume-button::-ms-track { box-sizing: border-box; border: none; width: 100px; height: 2px; background: #e0e0e0;} #media-controls #volume-button::-webkit-slider-thumb { margin-top: 0; box-sizing: border-box; border: none; width: 13px; height: 13px; border-radius: 50%; background: #e0e0e0;position:relative;top:-5px;} #media-controls #volume-button::-moz-range-thumb { box-sizing: border-box; border: none; width: 13px; height: 13px; border-radius: 50%; background: #e0e0e0;} #media-controls #volume-button::-ms-thumb { margin-top: 0; box-sizing: border-box; border: none; width: 13px; height: 13px; border-radius: 50%; background: #e0e0e0;} #media-controls #volume-button::-ms-tooltip { display: none;} #media-controls #volume-control-container{position:absolute;left:90px;width:0px;overflow:hidden;bottom:10px;height:17px;transition: all .2s;cursor: pointer;} #media-controls #volume-control-container.show{width:100px;} #media-controls #fullscreen-button{right:20px;bottom:10px;position:absolute;height:16px;width:15px;line-height:15px;text-align:center;background-image:url(/images/expand-arrows-alt-regular.svg);background-size:cover;} /*#media-controls #fullscreen-button .arrow-1{position:absolute;height:14px;width:14px;left:6px;top:0;transform:rotate(-45deg);color:#e0e0e0;font-size:12px;display:block;overflow:hidden;} #media-controls #fullscreen-button .arrow-2{position:absolute;height:14px;width:14px;left:-3px;top:1px;transform:rotate(-135deg);color:#e0e0e0;font-size:12px;display:block;overflow:hidden;} #media-controls #fullscreen-button .arrow-3{position:absolute;height:14px;width:14px;left:-2px;top:10px;transform:rotate(-225deg);color:#e0e0e0;font-size:12px;display:block;overflow:hidden;} #media-controls #fullscreen-button .arrow-4{position:absolute;height:14px;width:14px;left:7px;top:9px;transform:rotate(45deg);color:#e0e0e0;font-size:12px;display:block;overflow:hidden;}*/ .is-fullscreen #media-controls #fullscreen-button {background-image:url(/images/compress-arrows-alt-regular.svg);} /*.is-fullscreen #media-controls #fullscreen-button .arrow-1{left:-3px;top:9px;} .is-fullscreen #media-controls #fullscreen-button .arrow-2{left:6px;top:10px;} .is-fullscreen #media-controls #fullscreen-button .arrow-3{left:7px;top:1px;} .is-fullscreen #media-controls #fullscreen-button .arrow-4{left:-2px;top:0px;}*/ #media-controls #frame-step-button{position:absolute;right:53px;height:14px !important;width:14px !important;bottom:10px;box-sizing: border-box !important;border-color: transparent transparent transparent #e0e0e0 !important;border-width:7px 0 7px 14px !important;border-style:solid !important;} #media-controls #frame-step-button:after{content:"";height:14px;width:3px;background:white;position:absolute;right:-4px;top:-7px;} #media-controls #frame-back-button{position:absolute;right:82px;height:14px !important;width:14px !important;bottom:10px;box-sizing: border-box !important;border-color: transparent #e0e0e0 transparent transparent !important;border-width:7px 14px 7px 0 !important;border-style:solid !important;} #media-controls #frame-back-button:after{content:"";height:14px;width:3px;background:white;position:absolute;left:-4px;top:-7px;} #player:-webkit-full-screen{position:absolute;left:0;top:0;height:100vh !important;width:100vw !important;} #player:-moz-full-screen{position:absolute;left:0;top:0;height:100vh !important;width:100vw !important;} #player:-ms-full-screen{position:absolute;left:0;top:0;height:100vh !important;width:100vw !important;} #player:fullscreen{position:absolute;left:0;top:0;height:100vh !important;width:100vw !important;} #player:-webkit-full-screen #media-controls {display: block; position: absolute;left:0;bottom:0;right:0;width:100%;z-index:2147483647; } #player:-moz-full-screen #media-controls {display: block; position: absolute;left:0;bottom:0;right:0;width:100%;z-index:2147483647; } #player:-ms-full-screen #media-controls {display: block; position: absolute;left:0;bottom:0;right:0;width:100%;z-index:2147483647; } #player:fullscreen #media-controls {display: block; position: absolute;left:0;bottom:0;right:0;width:100%;z-index:2147483647; } #player:full-screen #media-controls {display: block; position: absolute;left:0;bottom:0;right:0;width:100%;z-index:2147483647; } video::-webkit-media-controls-enclosure { display:none !important; } #player:-webkit-full-screen .html5-video-container{position:absolute;left:0;top:0;height:100vh !important;width:100vw !important;display:flex;} #player:-moz-full-screen .html5-video-container{position:absolute;left:0;top:0;height:100vh !important;width:100vw !important;display:flex;} #player:-ms-full-screen .html5-video-container{position:absolute;left:0;top:0;height:100vh !important;width:100vw !important;display:flex;} #player:fullscreen .html5-video-container{position:absolute;left:0;top:0;height:100vh !important;width:100vw !important;display:flex;} #player:-webkit-full-screen video{object-fit: contain;aspect-ratio: 960 / 540;object-position: center center;} #player:-moz-full-screen video{object-fit: contain;aspect-ratio: 960 / 540;object-position: center center;} #player:-ms-full-screen video{object-fit: contain;aspect-ratio: 960 / 540;object-position: center center;} #player:fullscreen video{object-fit: contain;aspect-ratio: 960 / 540;object-position: center center;} /* BT Video start */ #bts-video{height:363px;width:640px;} #btsplayer{height:363px;width:640px;} #bts-player{height:363px;width:640px;} #bts-player{position:relative;} #bts-media-controls {display:block;position:absolute;bottom:14px;left:0;right:0;z-index:1;height:45px;background:rgba(0,0,0,0.4);} #bts-media-controls button{background:transparent;border:0;margin:0;padding:0;font-size:0;height:24px;cursor:pointer;-webkit-appearance:none;outline:none;} #bts-media-controls button:focus{outline:none;} #bts-media-controls #bts-play-pause-button{position:absolute;bottom:9px;left:22px;box-sizing: border-box;height:14px !important;width:14px !important; transition: 100ms all ease; will-change: border-width;cursor: pointer;} #bts-media-controls #bts-play-pause-button.play{border-color: transparent transparent transparent #e0e0e0;border-width:7px 0 7px 14px;border-style:solid;} #bts-media-controls #bts-play-pause-button.pause{border-color: transparent transparent transparent #e0e0e0;border-style: double;border-width:0 0 0 7px;left:24px !important;height:12px !important;bottom:11px !important;} #bts-media-controls #bts-play-pause-button.play:hover{border-color:transparent transparent transparent white;} #bts-media-controls #bts-play-pause-button.pause:hover{border-color:transparent transparent transparent white;} #bts-media-controls #bts-mute-button{left:56px;bottom:5px;position:absolute;} /*#bts-media-controls #bts-mute-button:before{content:"";position:absolute; top:50%;left: -2px;border: 7px solid transparent;border-right-color: transparent;border-right-color: #e0e0e0;margin-top: -7px;background: transparent;}*/ /*#bts-media-controls #bts-mute-button:after{content:"";position:absolute; top:50%;left: 4px;width: 4px;height: 6px;margin-top: -3px;background:#e0e0e0;}*/ /*#bts-media-controls #bts-mute-button.mute span:before{left: 12px;width: 6px;height: 6px;margin-top: -5px;border: 4px double #e0e0e0;border-width: 4px 4px 0 0;-webkit-border-radius: 0 15px 0 0;-moz-border-radius: 0 15px 0 0;border-radius: 0 15px 0 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} #bts-media-controls #bts-mute-button.unmute span:before{content:"x";position:absolute;left:16px;top:4px;font-size:12px;color:#e0e0e0;font-weight:bold;}*/ #bts-media-controls #bts-mute-button:before{font-family: "Font Awesome 5 Pro";content: "\f028";position: absolute;top: 18%;left: 0px;font-size: 15px;color: white;} #bts-media-controls #bts-mute-button.unmute:before{content: "\f2e2";left: -2px;} #bts-media-controls #bts-mute-button span{position:absolute;top:0;left:0;} #bts-media-controls #bts-progress-bar{cursor: pointer;position: absolute;left: 0;bottom: 33px;background: rgba(255,255,255,0.2);border: 0;height: 12px;width: 100%;appearance:none;--webkit-appearance: none;} #bts-media-controls .progress-bar-buffer{position:absolute;z-index:1;height:12px;width:0;background:rgba(255,255,255,0.2);} #bts-media-controls .progress-bar-played{cursor: pointer;position:absolute;z-index:2;height:12px;width:0;background:#f36d21;} #bts-media-controls #bts-time-of-time{position:absolute;left:90px;font-size:14px;bottom:9px;color:#808080;transition: all .2s;} #bts-media-controls #bts-total-time{color:#e0e0e0;} #bts-media-controls #bts-current-time{color:#e0e0e0;} #bts-media-controls #bts-volume-button{position:absolute;top:3px;width:100px;height:14px;background:rgba(255,255,255,0.05);border:0;left:0;margin:0;border-radius:3px;} #bts-media-controls #bts-volume-button, #bts-volume-button::-webkit-slider-thumb {-webkit-appearance: none;} #bts-media-controls #bts-volume-button::-webkit-slider-runnable-track {box-sizing: border-box;border: none;width: 100px;height: 2px;background: #e0e0e0;} #bts-media-controls #bts-volume-button::-moz-range-track {box-sizing: border-box;border: none;width: 100px;height: 2px;background: #e0e0e0;} #bts-media-controls #bts-volume-button::-ms-track { box-sizing: border-box; border: none; width: 100px; height: 2px; background: #e0e0e0;} #bts-media-controls #bts-volume-button::-webkit-slider-thumb { margin-top: 0; box-sizing: border-box; border: none; width: 13px; height: 13px; border-radius: 50%; background: #e0e0e0;position:relative;top:-5px;} #bts-media-controls #bts-volume-button::-moz-range-thumb { box-sizing: border-box; border: none; width: 13px; height: 13px; border-radius: 50%; background: #e0e0e0;} #bts-media-controls #bts-volume-button::-ms-thumb { margin-top: 0; box-sizing: border-box; border: none; width: 13px; height: 13px; border-radius: 50%; background: #e0e0e0;} #bts-media-controls #bts-volume-button::-ms-tooltip { display: none;} #bts-media-controls #bts-volume-control-container{position:absolute;left:90px;width:0px;overflow:hidden;bottom:10px;height:17px;transition: all .2s;} #bts-media-controls #bts-volume-control-container.show{width:100px;} #bts-media-controls #bts-fullscreen-button{right:20px;bottom:9px;position:absolute;height:16px;width:15px;line-height:16px;text-align:center;background-image:url(/images/expand-arrows-alt-regular.svg);background-size:cover;} .is-fullscreen #bts-media-controls #bts-fullscreen-button {background-image:url(/images/compress-arrows-alt-regular.svg);} /*#bts-media-controls #bts-fullscreen-button .arrow-1{position:absolute;height:14px;width:14px;left:6px;top:0;transform:rotate(-45deg);color:#e0e0e0;font-size:12px;display:block;overflow:hidden;} #bts-media-controls #bts-fullscreen-button .arrow-2{position:absolute;height:14px;width:14px;left:-3px;top:1px;transform:rotate(-135deg);color:#e0e0e0;font-size:12px;display:block;overflow:hidden;} #bts-media-controls #bts-fullscreen-button .arrow-3{position:absolute;height:14px;width:14px;left:-2px;top:10px;transform:rotate(-225deg);color:#e0e0e0;font-size:12px;display:block;overflow:hidden;} #bts-media-controls #bts-fullscreen-button .arrow-4{position:absolute;height:14px;width:14px;left:7px;top:9px;transform:rotate(45deg);color:#e0e0e0;font-size:12px;display:block;overflow:hidden;}*/ #bts-media-controls #bts-frame-step-button{position:absolute;right:53px;height:14px !important;width:14px !important;bottom:10px;box-sizing: border-box !important;border-color: transparent transparent transparent #e0e0e0 !important;border-width:7px 0 7px 14px !important;border-style:solid !important;} #bts-media-controls #bts-frame-step-button:after{content:"";height:14px;width:3px;background:white;position:absolute;right:-4px;top:-7px;} #bts-media-controls #bts-frame-back-button{position:absolute;right:82px;height:14px !important;width:14px !important;bottom:10px;box-sizing: border-box !important;border-color: transparent #e0e0e0 transparent transparent !important;border-width:7px 14px 7px 0 !important;border-style:solid !important;} #bts-media-controls #bts-frame-back-button:after{content:"";height:14px;width:3px;background:white;position:absolute;left:-4px;top:-7px;} #bts-player:-moz-full-screen{position:absolute;left:0;top:0;height:100vh;width:100vw;} #bts-player:-webkit-full-screen{position:absolute;left:0;top:0;height:100vh;width:100vw;} #bts-player:-ms-full-screen{position:absolute;left:0;top:0;height:100vh;width:100vw;} #bts-player:fullscreen{position:absolute;left:0;top:0;height:100vh;width:100vw;} #bts-player:-moz-full-screen #bts-media-controls {display: block; position: absolute;left:0;bottom:0;right:0;width:100%;z-index:2147483647; } #bts-player:-webkit-full-screen #bts-media-controls {display: block; position: absolute;left:0;bottom:0;right:0;width:100%;z-index:2147483647; } #bts-player:-ms-full-screen #bts-media-controls {display: block; position: absolute;left:0;bottom:0;right:0;width:100%;z-index:2147483647; } #bts-player:fullscreen #bts-media-controls {display: block; position: absolute;left:0;bottom:0;right:0;width:100%;z-index:2147483647; } #bts-player:full-screen #bts-media-controls {display: block; position: absolute;left:0;bottom:0;right:0;width:100%;z-index:2147483647; } /* BT Video End */ .is-fullscreen #bts-video, .is-fullscreen #btsplayer, .is-fullscreen video, .is-fullscreen #bts-player{width:100% !important;height:auto !important;} .is-fullscreen #video{width:100%;height:auto;} .is-fullscreen #player{width:100%;height:auto;} .is-fullscreen .html5-video-container{width:100%;height:auto;} .is-fullscreen .playbox-left #video{height:auto;width:100%;} .is-fullscreen .playbox-left #player{height:auto;width:100%;} .is-fullscreen .playbox-left .html5-video-container{height:auto;width:100%;} #title_div{font-weight:bolder;font-size:14px;display: block;padding: 20px 0;} #name_div{font-size:14px;line-height:16px;display: block;} .player-results .playbox-left { padding-bottom: 100px; padding-left: 20px; padding-right: 20px; } .player-results{ overflow: hidden; padding-top: 40px; max-width:960px; margin: 0 auto; } /** * Font Style Overrides for Inter Font * font-family:'Inter', sans-serif; * font-weight:100;200;300;400;500;600;700;800;900; */ .insight-title{font-family:Inter;font-weight:300;} #nav .nav-menu a{font-family:Inter;font-weight:300;} #nav a[href="/newtrial/"]{font-family:Inter;font-weight:600;} /*#nav .nav-menu a[href="https://store.stashmedia.tv/"],*/ #nav a.highlight-link, #nav .toggel #menu li a.highlight-link{font-family:Inter;font-weight:600 !important;color: #ff2600 !important;} #homeslider li img{font-family:Inter;font-weight:300;} #homeslider h2{font-family:Inter;font-weight:400;} #homeslider p{font-family:Inter;font-weight:300;} .homepagecontent a img{font-family:Inter;font-weight:300;} h1{font-family:Inter;font-weight:200;} h3{font-family:Inter;font-weight:400;} h4{font-family:Inter;font-weight:800;} .post-cat-widget .post .post-thumb img{font-family:Inter;font-weight:;} .more-inbox-links{font-weight:400;font-family:Inter;} .number-paginate .number-current{font-weight:500;font-family:Inter;} .c-Footer-Nav a{font-family:Inter;font-weight:500;} .c-Copyright{font-family:Inter;font-weight:300;} .nopad h2{font-family:Inter;font-weight:400;color:#4d4d4d;} .c-SubHeading{font-family:Inter;} .u-PreTick{font-family:Inter;font-size:14px;background-position:left 6px;padding-bottom:16px;} .c-Questions{font-family:Inter;font-weight:600;} .c-SubscribeHeader h3{font-family:Inter;} .c-SubscribeHeader h4{font-family:Inter;color:#151515;font-weight:600;font-size:14px;} .c-SubDescription h5{font-family:Inter;font-weight:600;} .c-SubBenefit li{font-family:Inter;} .c-SubscriptionDetails .c-SubscribeHeader p{font-family:Inter;color:#808080;} .c-SubscriptionDetails .c-FieldGroupLabel{font-family:Inter;font-size:600;display: none;} .c-SubscriptionDetails .c-FieldGroup input{font-family:Inter;padding: 10px;line-height: 2em;} .c-SubscriptionDetails .c-FieldGroup input[disabled] {background: #eaeaea;color: #888;cursor: not-allowed;} .terms-text, .renewal-text{font-family:Inter;color:#151515;font-size:14px;} .payment-methods .pay-button{font-family:Inter;} .payment-methods label{font-family:Inter;color:#151515;} .c-WideField input, .c-WideField textarea, .c-WideField select{font-family:Inter;} .c-WideField span{font-family:Inter;} .c-SmallFields span{font-family:Inter;color:#808080;} .showTooltip{font-family:Inter;} .c-PayButton{font-family:Inter;} .c-NextButton{font-family:Inter;} .c-PopupLogin-Embedded .c-ChangeField{font-family:Inter;} .c-PopupLogin-Embedded .c-BtnLogin{font-family:Inter;} .logo-width{font-family:Inter;} .archive-newitem{font-family:Inter;padding-bottom:10px !important;} .archive-newitem a.copy{font-family:Inter;font-size:600;} .archive-newitem span.copy{font-family:Inter;} .section_title{font-family:Inter;} .archive-page-related{font-family:Inter;} .c-Subform-Text{font-family:Inter;padding-top: 0;} .C-FormSubmit{margin: 0;padding-top: 20px;padding-bottom: 18px;} .c-Field label input[type="text"]{font-family:Inter;} .c-Field label input[type="password"]{font-family:Inter;} .postarea p{font-family:Inter;font-weight:300;} a img{font-family:Inter;font-weight:300;} #nav .search-label input{font-family:Inter;font-weight:300;} .c-FormButton{font-family:Inter;font-weight:500;} .checkbox-label{font-weight:600;font-family:Inter;} .checkbox-price{font-weight:600;font-family:Inter;} .checkbox-deal{font-weight:600;font-family:Inter;} .c-SubscriptionDetails h4{color:#666;font-family:Inter;font-weight:300;text-transform:none;font-size:13px;} .hasTooltip{color:#808080 !important;} .enter-info{font-weight:600;font-family:Inter;margin:0;color:#151515;padding-bottom:10px;} .archive-page{color:#808080;} .archive-page strong, .archive-page strong a{color:#151515;font-weight:600;} .postarea h1{font-weight:400;padding-top:20px;color:#4d4d4d;} #postsfromcategorywidget-6 h4{font-weight:600;padding-bottom:10px;} .post-cat-widget .post-title{padding-bottom:30px;} #content.left{width:630px;} #content.left img{height:auto;} .homepagemid{padding-right:30px;} .homepagecontent{border-bottom:1px dashed #ccc;margin-bottom:15px;} .homepagecontent .homeinfo{padding:25px 0px 50px;} .homepagecontent .homeinfo a{font-weight: 600;} .post a[rel="nofollow"]{font-weight: 600;} #menu li a{font-weight:600 !important;} #menu li a[href="/newtrial/"]{font-weight:600 !important;} #nav .toggel .insight-title-mob{font-family:Inter !important;font-weight:300 !important;} .nopad #container .post h2 a{color:#4d4d4d;} .postmeta{margin-bottom:20px;padding-bottom:50px;margin-top:25px;border-top:1px solid #ccc;} .postmeta a {color:#999 !important;} .post-cat-widget h3 a{font-size:16px !important;font-weight:600 !important;line-height: 21px;text-transform: initial;letter-spacing: 0;} .toggle-playlist-for-mobile{display:none} .collection-closer{display:none;} #menu li a{font-family:Inter;font-weight:300 !important;} #menu li a[href="/newtrial/"]{font-weight:600;} #addplaylist{margin-left:-140px !important;left:50%;} .c-Columns{padding-top:32px !important;padding-bottom:80px;} /*footer{background-color:#bcbec0 !important;}*/ footer{background-color:black !important;} .c-Copyright{color:rgb(224,224,224) !important;} #nav a.c-LinkActive{background:transparent !important;} .c-login-footer{position:absolute;bottom:15px;left:15px;right:15px;width:auto !important;} .c-Who .c-FieldGroup{border:0;} .c-SubscriptionDetails .c-FieldGroup label{height:auto;float:none;} .c-SubscriptionDetails .c-FieldGroup label[for="cust_school_name"]{border-bottom:1px solid #c2c4c6;} .c-SubscriptionDetails .c-FieldGroupLabel {display:none !important;float:none;text-transform:none;background:none;border:0;height:auto;color:#666;font-weight:300;position:absolute;top:0;} .c-SubscriptionDetails .c-FieldGroup input{float:none;padding: 10px;line-height: 2em;width:100%;box-sizing:border-box;font-size: 16px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border: 2px solid #E1E2E3;height: auto;} .c-UserHeader{padding-bottom: 0;} .c-UserHeader .c-UserSettings label{float:none;height:auto;} .c-UserHeader .c-FieldGroupLabel{background:none;font-weight:300;text-transform:none;color:#666;border:0;float:none;width:auto;display: none;} .c-UserHeader .c-FieldGroup input{float:none;width:auto;} .c-UserHeader .c-FieldUpdate{width:auto !important; float:right !important;} .grid-container{padding-bottom: 120px;position: relative;} .grid-container:after{clear: both;display: block;content: "";height: 0;line-height: 0;} .grid-left p a, .grid-left p strong {font-weight: 600;} .grid-left .postmeta p a {font-weight: 300} .footer-wrapper { overflow:hidden; } .footer-wrapper .share-icons { float:none; text-align:center; display:block; clear:both; } #render-list.embedded-render-list { margin-top: 0; width: 100%; aspect-ratio: 1; max-width: 100%; background: transparent; padding-top: 0; } #render-list.embedded-render-list i { height: unset; width: 20%; max-height: none; } #content .copy-container{ margin: 0 auto; max-width: 1340px; padding-left: 20px !important; padding-right: 20px !important; max-width: 640px; } #btstitle{ /*padding-left: 20px; padding-right: 20px;*/ margin-top: 0; /*padding-top: 30px;*/ } .playbox-container .playbox-right{ padding-left: 20px; padding-right: 20px; padding-bottom: 50px; } .widercolumn #copy_div, .widercolumn .copy_div{ width:100% !important; float:none !important; margin:0 auto; max-width:640px !important; color: black; line-height: 19px; } .widecolumn #copy_div a, .widecolumn .copy_div a{color: black;} #title_div{color: black;font-weight: 700 !important;} #name_div{font-weight: 300 !important;} #project_title {text-align: center;} .playbox-container .playbox-right .copy_div, .playbox-container .playbox-right #copy_div, .playlist-content-block #copy_div{ font-family: Inter !important; font-weight: 300 !important; font-size: 14px !important; color: black !important; line-height: 19px !important; } #copy_div b{font-weight: 300;} #profile-page{padding-left: 5px;padding-right: 5px;padding-top: 40px;} .c-FieldRelative {position: relative;} .c-FieldRelative label {padding: 10px 0;} .c-FieldRelative label input[type="text"], .c-FieldRelative label input[type="email"], .c-FieldRelative label input[type="password"] {position: relative;top: 0;color: rgb(102, 102, 102);} .c-FieldRelative label.error input{color: #aa0000;} #save-profile.enabled{background: #8ac640; color: white; cursor: pointer;} a.upgrade-subscription, a.upgrade-subscription:link, a.upgrade-subscription:visited{text-align: center;color: #8ac640;border: 1px solid #dcdde3;width: 100%;padding: 15px 15px;line-height: 16px;font-size: 13px;font-family: Inter;margin: 0;display: block;background: white;font-weight: 600;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 0 0 1px #8c969d inset;-moz-box-shadow: 0 0 0 1px #8c969d inset;box-shadow: 0 0 0 1px rgba(0,0,0,0.05) inset;} label[for="renewal"] .checkbox-wrapper {margin-left: 0 !important;vertical-align: bottom !important;} .cancel-label{font-size: 14px;color: #888888;padding-left: 6px;cursor: pointer} .checkbox-wrapper input {left: -3000%;} /*.has-checkbox input + .checkbox-wrapper{background: #8ac640;border: 2px solid #8ac640;}*/ .has-checkbox input:checked + .checkbox-wrapper{background: #8ac640;border: 2px solid #8ac640;background: url(/images/icons/stash-tick.png) scroll no-repeat center center white;} @media all and (max-width:960px){ body{width:auto !important;} #page{padding-left:15px;padding-right:15px;} .grid-container{width:auto !important;} #main_issues{width:100% !important;border-right:0 !important;float:none !important;display:block !important;} #main_collections{position:fixed;right:-260px;top:0;float:none !important;display:block !important;z-index:2;background:rgba(255,255,255,0.85);height:100vh;overflow:auto;padding-top:2vh;padding-bottom:2vh;} .memsearch_container{width:100vw !important;} .toggle-playlist-for-mobile{position:relative;top:0px;text-decoration:none;border:none;display:inline-block;float:left;color:white;line-height:31px;background:#208CFF;padding:0 7px;margin:0 0 0 30px;font-size:11px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;cursor:pointer;display: none;} .hide-button .toggle-playlist-for-mobile{display:none !important;} .collection-closer{text-transform:uppercase;background:white;cursor:pointer;border:1px solid #ccc;color:#ccc;text-decoration:none;display:inline-block;float:right;font-size:11px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;padding:0 7px;line-height:24px;margin-right:15px;} .collection-header h2{display:inline-block;width:50%;} div.hoverscroll{width:100% !important;} div.hoverscroll div.listcontainer{width:100% !important;} .html5-video-container{width:100% !important;height:auto !important;} #video{width:100% !important;height:auto !important;} #player{height:auto !important;} .playbox-container .playbox-left{float:none;clear:both;width:100%;} #project_title{height:35px !important;} .c-Footer{width:100%;} #btsimgtitle{width:100% !important;} #btsimg{width:100% !important;} .saved-search-copy{width:100% !important;} .project-title-space{height:45px !important;} .bts-html5-video{max-width:640px !important;margin:0 auto;} .widercolumn .copy{width:100% !important;} .widercolumn .playbox-left{float:none !important;width:100% !important;} .widercolumn .wide-blocks{width:100% !important;float:none !important;max-width:640px !important;margin:0 auto;} .archive-newitem{width:calc(33.33% - 20px) !important;}/*margin-right:17px !important;*/ .archive-newitem img{width:100%;} .playbox-left #flowmain{max-width:640px !important;width:100% !important;margin:0 auto;} #btstitle{margin:0 auto;} /*#login-form .c-Field{margin-bottom:0 !important;}*/ #login-form .c-Field label,#login-form .c-Field label span,#login-form .c-Field label input[type="text"],#login-form .c-FormButton{font-size:14px !important;height:45px !important;} #login-form .c-Field label span{padding-top:0 !important;line-height:45px !important;} #login-form .c-Field label input[type="text"]{top:0 !important;} #login-form .c-Subform-Text{font-size:14px !important;line-height:16px !important;} .c-CTAHeadline{line-height:16px !important;} .c-PopupLogin-Embedded .c-FieldGroup{margin-bottom:0 !important;} } .widercolumn .playbox-left { padding: 0 20px 0 20px; } @media all and (max-width:767px){ #main_issues .archive-newitem{width:215.667px !important;height:auto !important;margin-left:0 !important;max-width:none !important;} } @media all and (max-width:735px){ #main_issues .archive-newitem{width:calc(50% - 8px) !important;}/*margin-right:28px !important;*/ #main_issues .archive-newitem:nth-child(even){margin-right:0 !important;} .archive-list .archive-newitem{width:calc(50% - 6px) !important;margin-right:0 !important;} .archive-list .archive-newitem:nth-child(even){margin-right:0 !important;} } @media all and (max-width:656px){ .toggle-playlist-for-mobile{margin-left:0;clear:left;} .html5-video{max-width:100% !important;width:100% !important;height:auto !important;} .bts-html5-video{width:100% !important;height:auto !important;} #btsplayer{width:100% !important;height:auto !important;} #btsvideo{width:100% !important;height:auto !important;} } @media all and (max-width:586px){ .archive-newitem a.copy, .archive-newitem span.copy{font-size:14px !important;} } @media all and (max-width:512px){ .search-label-container{clear:left !important;margin-left:0 !important;padding-top:10px;} #keyword{width:121px !important;} .toggle-playlist-for-mobile{top:10px;margin-left:33px;clear:none;padding-left:16px;padding-right:16px;} } @media all and (max-width:448px){ .copy-product-name{display:block;padding-bottom:15px;} .copy-prev-issue{float:right;width:auto !important;} .widercolumn .copy-prev-issue{float:right;width:auto !important;} .copy-container{padding-bottom:15px !important;} #addplaylist{width:100% !important;margin-left:0 !important;left:auto !important;} .playlist-popup-block{width:auto !important;} } @media all and (max-width:420px){ .archive-newitem a.copy, .archive-newitem span.copy{font-size:14px !important;} } @media all and (max-width:325px){ .archive-newitem a.copy, .archive-newitem span.copy{font-size:14px !important;} } /** * Common Styles */ html,body{min-height: 100vh;position: relative;} #wrap{min-height: 100vh;margin: 0;padding: 0;border: 0;} #wrap.auto-height{min-height: auto;} .no-menu {min-height: 100vh;margin: 0;} .no-menu body{min-height: 100vh;margin: 0;} .c-Footer-Nav a, .c-Footer-Nav a:link, .c-Footer-Nav a:visited {border: 0;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;color: white;} .c-Footer-Nav a:hover{background: none;text-decoration: underline;} .c-Field {width: 100%;position: relative;border: 1px solid #d6d7d8;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;overflow: hidden;margin:0;margin-bottom: 8px;} .c-Field span {position: absolute;left: -3000%;top: 0;height: 0;} .c-Field input {position: relative;top: 0;left: 0;width: 100%;padding: 15px 15px;line-height: 16px;font-size: 13px;font-family: Inter;border: 0;margin: 0;display: block;text-align: left;} .terms-block{text-align: left;padding-bottom:20px;padding-top: 8px;margin-bottom:8px;cursor: pointer;width:100%;} .terms-block label{display: inline-block;position: relative;height: 18px;width: 18px;overflow: hidden;} .terms-block #terms{position: absolute;left: -3000%;} .terms-block #terms ~ i{height: 18px;width: 18px;position: relative;top: 0;left: 0;border: 1px solid #b9bcc7;border-radius: 3px;line-height: 18px;display: block;cursor: pointer;} .terms-block #terms ~ i:before{font-family: FontAwesome;content: "";line-height: 18px;display: block;position: relative;top: 0;left: 0;width: 18px;height: 18px;color: #b9bcc7;text-align: center;font-style: normal;} .terms-block #terms:checked ~ i:before{content: "\f00c";} .terms-block span{display: inline-block;padding-left: 4px;line-height: 18px;font-size: 14px;vertical-align: top;width: calc(100% - 22px);} .c-FormSubmit{width: 100%;margin:0;padding-top: 10px;cursor: pointer;} .archive-list .archive-newitem h3{letter-spacing: 0;font-weight: normal;display: flex;justify-content: space-between;} .archive-list .archive-newitem h3 a.copy{font-size: 14px; line-height: 16px;font-weight:500;text-transform: none;} .archive-list .archive-newitem h3 span {font-size: 14px;font-family: Inter;font: weight: 300;text-transform: none;position: relative;top: -1px;} .back-button, .back-button:link, .back:visited{ position: absolute; top:20px; left: 20px; z-index: 2; display: block; padding: 0; background: transparent; text-decoration: none; font-size: 14px; min-width: 80px; border: none; font-family: Inter; font-weight: 500; border: 0; text-transform: none; line-height: 40px; color: white !important; } .popup-link,.popup-link:link,.popup-link:visited{color: black;} .popup-link:hover{text-decoration: underline;} .back-button i:before{font-family: FontAwesome;content: "\f053";line-height: 20px;position: relative;top: 0;left: 0;color: white;text-align: center;font-style: normal;padding-right: 5px;} .back-button:hover{background: transparent;color: white;} .form-error {margin: 0;padding-bottom: 25px;color: #FF2600;} .form-error a{color: black;} .form-error a:hover{text-decoration: underline;} .u-Error{border: 1px solid #FF2600;} #memsearch a{font-family: Inter;} /** * Page Specific Styles */ #wrap{max-width:100%;padding:0;} /*border-top:1px solid #d6d7d8; */ .no-gap #wrap{margin-top: 15px;padding:0;border-top: 0;} .no-menu #wrap{padding:0;border:0;margin-top:0;} .keyline #wrap{margin-top: 15px;border-top: 1px solid #e1e2e3;padding-top: 20px} #render-list { display: flex; flex-direction: row; flex-wrap: wrap; background: #efefef; gap: 3px; width: 100%; max-width: 480px; } #render-list i { display: block; width: calc(20% - 3px); max-width: calc(20% - 3px); aspect-ratio: 4 / 3; background-size: cover; background-position: center center; transition: all 0.5s ease-in-out; min-height: 48px; height: calc(0.75 * 20vw); } #render-list i.squash { transform:rotateX(90deg); } /** * Public Issues Page */ .category-header { font-weight: 500; text-transform:none; margin:0 auto; padding:20px 20px 10px; max-width:1340px; font-size: 18px; color: black; font-family: Inter; padding-bottom: 15px; color: #151515; text-transform: uppercase; } .archive-list{margin:0 auto;max-width:1340px;padding-bottom: 100px;justify-content: flex-start} /** * Trial Page */ #trial-page,#login-page,#forgot-page,#create-password-page{background-size:cover;display:flex;align-items:center;height:100vh;background-position:center center;padding-top:100px;padding-bottom:100px;} #login-page{height: calc(100vh - 174px);display: block;} #forgot-page{height: calc(100vh - 174px);display: block;} #create-password-page{height: calc(100vh - 182px);display: block;} .internal-page{max-width: 1340px;padding: 0 20px;margin: 0 auto;} /*#trial-form,#login-form,#mgetpass{width:calc(100% - 40px);margin:0 auto;max-width:404px;text-align:center;padding:50px;line-height:1.4em;color:#272727;background:white;border:1px solid #d6d7d8;font-family: Inter;}*/ #trial-form,#login-form,#mgetpass{width:100%;margin:0 auto;max-width:404px;text-align:center;padding:50px 27px;line-height:1.4em;color:#272727;background:white;border:1px solid #d6d7d8;font-family: Inter;} #login-page{min-height: 450px;} .grouped-header{display:flex;flex-direction:column;} .grouped-header h1,#login-page h1, #mgetpass h1{ order:2;font-size:18px; line-height: 24px; text-transform:none;font-weight:500;padding-bottom:0px;padding-top:0;margin-top:0;margin-bottom:0; } #mgetpass h1{padding-bottom: 15px;} #login-page h1{padding-bottom: 15px;} #login-page .errornotice{color: #FF2600;} #login-page .errornotice a, #login-page .errornotice a:link{color: #FF2600;} #login-page .errornotice a:hover{text-decoration: underline;} .grouped-header p{order:1;padding:0 0 20px 0;margin:0;font-size:14px;} .grouped-header strong{font-weight:600;} .have-account-link{padding:0 0 30px;margin:0;font-size:11px;} .have-account-link a, .have-account-link a:link{border:0;color:#02aeef;} .have-account-link a:hover{text-decoration:underline;} #trial-form .c-FormButton,#login-form .c-FormButton, #mgetpass .c-FormButton, #new-subscribe-page .c-PayButton, .c-NextButton, #save-profile, #add-card {width:100%;padding:15px 15px;line-height:16px;font-size:13px;font-family:Inter;border:0;margin:0;display:block;background:#dcdde3;color:#8c969d;font-weight:600;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 0 0 1px #8c969d inset;-moz-box-shadow: 0 0 0 1px #8c969d inset;box-shadow:0 0 0 1px rgba(0,0,0,0.05) inset;cursor: not-allowed;} .g-recaptcha{width: 304px;margin: 0 auto;} #trial-form .c-FormButton.enabled, #login-form .c-FormButton.enabled, #mgetpass .c-FormButton.enabled, #new-subscribe-page .c-PayButton.enabled, .c-NextButton.enabled, #add-card.enabled{background: #8ac640;color: white;cursor: pointer;} #login-form a, #login-form a:link, #login-form a:active, #login-form a:visited{border:0;color:#8c969d;text-decoration: none;background: transparent;} #login-form a:hover{text-decoration:underline;background: transparent;} #forgot-page a, #forgot-page a:link, #forgot-page a:active, #forgot-page a:visited{border:0;color:#8c969d;text-decoration: none;background: transparent;} #forgot-page a:hover{text-decoration:underline;background: transparent;} .memsearch_container{padding:20px 0 20px 0;font-size:12px;width: 100vw;border-bottom: 1px solid #e1e2d3;z-index: 3;position: relative;} .memsearch_container.higher-z-index{z-index: 4;} #memsearch{padding:0 20px;max-width:1340px;margin: 0 auto; } .memsearch_container.higher-z-index ~ #content .icon-tooltip {display: none;} /** * Archive Details Page */ .issue-nav{text-transform:none;font-size:13px;font-weight:normal;margin-right:1px;padding-right: 32px;padding-left: 52px;} .issue-nav-next{padding-left: 0;padding-right: 0;margin-left: 67px;margin-right: 8px;} .issue-nav-prev{padding-left: 0;padding-right: 0;} .issue-shot{display:inline-block;vertical-align:top;} .issue-img{width:100%;margin-bottom:4px;} .issue-title{font-weight:500;font-size:12px;display:block;line-height: 14px;padding-bottom: 2px;} .issue-extra-text{display:block;font-size:12px;line-height:14px;color: #999;font-weight: 300;} .issue-iframe{width:100vw;max-width:960px;margin:0 auto;line-height:0;align-items: center;display: flex;} .issue-iframe iframe{width:100vw;height:calc(100vw * 540/960);max-height:540px;max-width:960px;margin:0 auto;} .issue-iframe video{width:100vw;height:calc(100vw * 1.2 / 3);max-height:540px;max-width:100%;margin:0 auto;object-fit: cover;} .archive_details_page .issue-iframe iframe{height:calc(100vw * 540/960);max-height:540px;max-width:960px;} h2.archive-title{width:100%;padding:50px 20px;line-height:36px;max-width:1000px;margin:0 auto;} .archive-issue-name{padding-right:4px;text-transform:none;color:black;font-weight:500;font-size:24px;} .archive-release-date{display:block;text-transform:none;color: #999;font-size: 14px;line-height: 14px;font-weight: 300;} .promotional-bar{width:100%;background:#f9f9f8;padding:50px 0;border-top:1px solid #d6d7d8;border-bottom:1px solid #d6d7d8;} .promotional-block{width:calc(100% - 40px);margin:0 auto;max-width:640px;text-align:center;padding:50px 20px;line-height:1.4em;color:#272727;background:white;border:1px solid #d6d7d8;box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);} .promotional-block p{margin:0;padding-bottom:10px;font-family:Inter;font-size:16px;line-height:1.3em;} .promotional-block p.buttons{padding-top:20px;display:flex;justify-content:space-between;max-width:340px;margin:0 auto;} .promotional-block .buttons a,.promotional-block .buttons a:link,.promotional-block .buttons a:visited{font-size: 12px;display:inline-block;line-height:40px;text-align:center;border:1px solid #d6d7d8;text-align:center;width:112px;background:#f9f9f9;} .promotional-block .buttons a:hover{background:white;} .promotional-block p:last-child{padding-bottom:0;font-size:12px;padding-top:5px;} .promotional-block h1 a {text-decoration: underline;} .c-PaymentAccepted .promotional-bar{background: white;padding: 50px 0px;border: 0;} .c-PaymentAccepted .promotional-bar a .c-PaymentAccepted .promotional-bar a:link, .c-PaymentAccepted .promotional-bar a:visited, .c-PaymentAccepted .promotional-bar a{width: 100%;} .archive-clips-title{font-size:14px;font-family:Inter;font-weight:500;max-width:1000px;margin:0 auto;padding:50px 20px 25px;text-transform:none;letter-spacing:inherit;} .archive-page-related{max-width:1000px;display:flex;padding:0 20px;margin:0 auto 80px auto;justify-content:space-between;flex-wrap:wrap;} .archive-page-related .issue-shot{margin-bottom:20px;width:100%;} .archive_details_page {padding-top: 0px;} .archive-item{float:left;min-height:198px;width:230px;margin-right:10px;} .archive-item:after,.archive-list:after{clear:both;content:"";display:block;} .archive-image{float:left;width:120px;height:145px;} .archive-details{width:100px;height:145px;float:right;} .section_title{display:block;text-transform:uppercase;} .archive-newitem {width: 207px; display: inline-block; margin-right: 0 !important} .archive-newitem a.copy {font-weight: bold; font-size:12px; color:#000;} .archive-newitem span.copy {float: right; color:#AAAAAA;} .archive-newitem img {margin-top: 4px; margin-bottom: 10px;} .logo-width {width:auto;margin-top:40px;} .archive-page{margin: 0 auto;} .archive-banner{width: 100%;position: relative;margin-top: -1px;} .archive-video{width: 100%;position: relative;} .archive-image-static{position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow: hidden;display: flex;z-index: 1;align-items: center;background: #a8a9bb;} .partner-events-page .archive-image-static{position: relative;overflow: hidden;display: flex;z-index: 1;left: unset;top: unset;right: unset;bottom: unset;align-items: unset;background: unset;} .partner-events-page .archive-image-static .archive-image-slide{display:block;} .archive-image-static img{object-fit: cover;min-width: 100%;min-height: 100%;} .archive-image-slide{width: 100vw;min-width: 100vw;object-fit: contain;} .partner-events-page .archive-image-slide{width: 100%;min-width: 100%;object-fit: contain;} .partner-events-page .archive-image-static img{object-fit: cover;min-width: 100%;min-height: 100%;position:absolute} .archive-overlay{display: flex;padding: 80px 20px;z-index: 2;position: relative;color: white;max-width: 1340px;margin: 0 auto;flex-direction: column;} .archive-overlay h1{font-family: Inter;font-weight: 600;font-size: 32px;color: white;text-transform: none;margin: 0;padding: 0 0 10px 0;line-height: 34px;} .archive-overlay p{margin: 0;padding: 0;} .archive-overlay .archive-description{font-weight: 400;padding-bottom: 30px;line-height: 20px;} .archive-overlay .archive-button {padding-top: 20px;width: 320px;position: relative;margin: 0 auto;} .archive-video .archive-overlay{align-items: center;}/*calc( 100vw * (540 / 960));*/ .archive-overlay .archive-price{width: 320px;margin: 0 auto;} .loggedin .page-template-custom_inspiration .archive-overlay .archive-button{width: 154px;margin: 0 auto 0 0;} .archive-button a, .archive-button a:link{background: white;color: black;font-size: 14px;font-weight: 500;font-family: Inter;text-align: center;line-height: 38px;padding: 0 12px;display: inline-block;border: 0;width: 48%} .archive-button a:hover{background: #e1e2e3;} .archive-overlay .archive-button a:first-child{float: left;} .logged-in .archive-overlay .archive-button a:last-child, .page-template-custom_inspiration .archive-overlay .archive-button a:last-child{text-transform: none;float: left;} .loggedin .archive-overlay .archive-button a:last-child{float: right;} .archive-overlay .archive-button a:last-child, .logged-in .archive-overlay .archive-button a:last-child{float: right;} .loggedin .page-template-custom_inspiration .archive-overlay .archive-button a{width: 100%;float: none;} .archive-button a:last-child{background: #e1e2e3;} .archive-button a:last-child:hover{background: white;} .archive-page p{font-size: 16px;font-weight: 300;font-family: Inter;text-align: left;color: white;} .archive-page .archive-price{font-size: 12px;font-weight: 700;font-family: Inter;text-align: center;color: white;max-width: 320px;padding-top: 10px;} .banner-embed{padding-top: 20px;} .banner-embed iframe {width: 100%; border: 0;min-height: 100%;} .banner-embed video {min-width: 100%; border: 0;min-height: 100%;} .archive-overlay div:first-child{display: flex;flex-direction: column;justify-content:center;} .archive-image-dynamic{position: relative;overflow: hidden;display: flex;z-index: 1;} .archive-image-dynamic img{object-fit: cover;min-width: 100%;height: 100%;z-index: 1;position:absolute;}/*object-position: 0 0;*/ .archive-banner .button-box{display: none;} @media all and (min-width: 600px) { /*.archive-image-dynamic img{object-position: 50% 0;}*/ .archive-banner .button-box{display: block;max-width: 1340px;margin: 0 auto;position: relative;z-index: 4;} } .archive-banner .prev-button{position: absolute;left: 11px;top: 200px;border: 0;background: transparent;border: 0;height: 40px;width: 20px;display: block;cursor: pointer;padding: 0;z-index: 2;} .archive-banner .next-button{position: absolute;right: 11px;top: 200px;border: 0;background: transparent;border: 0;height: 40px;width: 20px;display: block;cursor: pointer;padding: 0;z-index: 2;} .archive-banner .dots .prev-button{top: -10px;left: 29px;display: block;transform: scale(0.9);} .archive-banner .dots .next-button{top: -10px;right: 29px;display: block;transform: scale(0.9);} .archive-banner button svg{fill: rgba(255,255,255,0.5);} .archive-banner button:hover svg{fill: white;} .archive-image-slide{width: 100%;max-height: 440px;display: none;} .archive-image-slide.active-slide{display: block;} .archive-image-slide .archive-overlay{position: relative;z-index:2;width: 100%;max-width: 1340px;padding: 0 30px;display: flex;min-height: 440px;max-height: 440px;height: 440px !important;margin: auto;justify-content: center;} .archive-image-slide .archive-overlay:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.4);} @media all and (min-width: 600px) { .archive-image-slide .archive-overlay{ padding: 20px; } .archive-image-slide .archive-overlay:before{background: transparent} } .archive-image-slide .archive-overlay > div{width: 100%;position: relative;} @media all and (min-width: 600px) { .archive-image-slide .archive-overlay > div{padding: 0 61px;} .archive-banner .dots .prev-button{display: none;} .archive-banner .dots .next-button{display: none;} } .archive-image-slide .archive-overlay > div .archive-button a{background: white !important;} .archive-image-slide .archive-overlay > div .archive-button a:hover{background: #e1e2e3 !important;} .archive-image-slide .archive-overlay h1, .archive-image-slide .archive-overlay h2{max-width: 640px;} .archive-image-slide .archive-overlay p{max-width: 440px;} @media all and (min-width: 1340px) { /*.archive-image-slide .archive-overlay h1, .archive-image-slide .archive-overlay h2,*/ .archive-image-slide .archive-overlay p{max-width: 440px;} } .archive-banner .dots{position: absolute;left: 0;bottom: 0;padding-bottom: 15px;width: 100%;text-align: center;z-index: 5;} .archive-banner .dot{display: inline-block;height: 12px;width: 12px;border-radius: 6px;background: rgba(255,255,255,0.5);margin: 0 5px;} .archive-banner .active-dot{background: white;} .archive-image-slide img{} .archive-image-static iframe{width: 100vw;object-fit: cover;height: calc( 100vw * 1.2/3);align-items: center}/*calc( 100vw * (540 / 960));}*/ .archive-image-static video{min-width: 100vw;object-fit: cover;height: calc( 100vw * 1.2/3);min-width: 100%;min-height: 100%;width: auto;height: auto;}/*calc( 100vw * (540 / 960));}*/ .archive-promo{max-width: 100vw;} .archive-promo h2{padding: 80px 20px;text-align: center;text-transform: none;line-height: 24px;font-size: 20px;} .archive-promo-post{} .archive-promo-post > div{display: flex;flex-wrap: wrap;flex-direction: column;padding:0;max-width: 1340px;margin: 0 auto;align-items: center;} .archive-promo-post-text{text-align: left;padding: 50px 20px 80px 20px} .archive-promo-post-text h3{text-transform: none;font-weight: 600;font-size: 32px;line-height: 40px;margin-bottom: 6px;letter-spacing: 0;word-spacing: -1px;} .archive-promo-post-text .content{line-height: 1.4em;font-family: Inter;font-size: 16px;font-weight: 300;color: black;} .archive-promo-post-text .content strong{font-weight: 400;} .archive-promo-post-text ul br { display: none;} .archive-promo-post img{width: 100vw;height: 100vw;} .archive-collections{max-width: 1340px;margin: 0 auto;padding: 60px 20px 62px;}/*border-top: 1px solid #e1e2e3;*/ .archive-collections .playlist-collection-header h4{width: calc(100% - 60px);} .archive-collections h4{font-family: Inter;font-weight: 500;font-size: 18px;padding-bottom: 15px;text-transform: none;width: calc(100% - 20px);} .archive-collections h5{font-weight: 300;font-family: inter;font-size: 12px;padding-bottom: 40px;text-transform: none;} .archive-collections ~ .free-trial-block{padding-top: 63px;background-repeat: no-repeat;background-size: cover;background-position: center center;} .archive-collections > div:last-child{padding-top: 20px;} .collection-playlist-container{position:relative;overflow:hidden;margin-bottom: -20px;} .collection-playlists{display:flex;flex-wrap:nowrap;position:relative;gap:8px;justify-content:space-between;overflow:auto;padding-bottom: 17px;margin-bottom: -17px;overflow-x:scroll;} .collection-playlists::-webkit-scrollbar{-webkit-appearance:none;} .collection-playlists::-webkit-scrollbar:vertical{width:11px;} .collection-playlists::-webkit-scrollbar:horizontal{height:11px;} .collection-playlists::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid white;background-color:rgba(0,0,0,.5);} .collection-playlists::-webkit-scrollbar-track{background-color:#fff;border-radius:8px;} .issue-playlist{margin-bottom: 0;} .collection-playlist{width:40vw;max-width:40vw;min-width:40vw;position:relative;z-index: 1;} .collection-playlist a, .collection-playlist a:link, .collection-playlist a:visited {width: 100%;min-width: 100%;display: block;border: 0;font-size: 14px;position: relative;} .collection-playlist .copy{font-size: 14px;display: block;line-height: 16px;} .collection-playlist img.main-image{display: block;width: 100%;z-index:1;position: relative;} .collection-playlist svg.hover-image{display: none;position: absolute;left: 50%;top: 50%;z-index: 2;margin-left: -30px;margin-top: -30px;height: 60px;width: 60px;fill: white;-webkit-opacity: 0.65;-moz-opacity: 0.65;opacity: 0.65;} .collection-playlist a:hover svg.hover-image {display: block;} .collection-playlist h5{font-style: normal;padding: 0;margin: 0;padding-top: 8px} .collection-playlist h5 a {font-weight: 500;} .free-trial-block{padding: 100px 0;} .static-trial-block{padding-top: 0;padding-bottom: 200px;} .archive-promo-post-text ul { margin: 0; padding: 15px 0 0 15px; line-height: 1.4; } .archive-promo-post-text li { padding-bottom: 7px; } .playlist-collection-header{display: flex;flex-wrap: nowrap;justify-content: space-between;position: relative;z-index: 3;} .playlist-collection-header a, .playlist-collection-header a:link, .playlist-collection-header a:visited{float: right;font-family: Inter;font-weight: 500;font-size: 14px;border: 0;color: #a0a0a0;background: transparent;border: 0;} .playlist-collection-header a:hover {text-decoration: underline;background: transparent;border: 0;} .archive-newitem a{position: relative;display: block;} .archive-newitem img.main-image{display: block;width: 100%;z-index:1;position: relative;} .archive-newitem svg.hover-image{display: none;position: absolute;left: 50%;top: 50%;z-index: 2;margin-left: -30px;margin-top: -30px;height: 60px;width: 60px;fill: white;-webkit-opacity: 0.65;-moz-opacity: 0.65;opacity: 0.65;} .archive-newitem a:hover svg.hover-image {display: block;} /** * Playlist Buttons */ .playlist-collection-header .prev-button, .playlist-collection-header .next-button{ display: none; position: absolute; border: 0; background: transparent; height: 28px; width: 18px; overflow: hidden; cursor: pointer; padding: 0; top: calc(38px + 60px); } .playlist-collection-header .prev-button{ left:-22px; } .playlist-collection-header .next-button{ right:-22px; } .playlist-collection-header[data-items="1"] .prev-button, .playlist-collection-header[data-items="2"] .prev-button, .playlist-collection-header[data-items="3"] .prev-button, .playlist-collection-header[data-items="4"] .prev-button, .playlist-collection-header[data-items="1"] .next-button, .playlist-collection-header[data-items="2"] .next-button, .playlist-collection-header[data-items="3"] .next-button, .playlist-collection-header[data-items="4"] .next-button { display: none; } /*.playlist-collection-header.no-prev .prev-button{ display: none; } */ /*.playlist-collection-header .prev-button:before{ font-family: 'Font Awesome 5 Pro'; content: "\f0a8"; position: relative; top: 0; left: 0; height: 40px; width: 40px; display: block; color: rgba(0,0,0,0.15); font-size: 40px; overflow: hidden; text-align: center; line-height: 41px; background: white; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 0; font-weight: 300; } .playlist-collection-header .next-button:before{ font-family: 'Font Awesome 5 Pro'; content: "\f0a9"; position: relative; top: 0; left: 0; height: 40px; width: 40px; display: block; color: rgba(0,0,0,0.15); font-size: 40px; overflow: hidden; text-align: center; line-height: 41px; background: white; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 0; font-weight: 300; }*/ .playlist-collection-header .prev-button svg{fill: rgba(0,0,0,0.3);height: 28px;} .playlist-collection-header .next-button svg{fill: rgba(0,0,0,0.3);height: 28px;} .playlist-collection-header .prev-button:hover svg{fill: rgba(0,0,0,1);} .playlist-collection-header .next-button:hover svg{fill: rgba(0,0,0,1);} .collection-coverart{font-family: Inter;font-size: 16px;position: relative;} .category-type-singular{} .category-type-multiple{padding-bottom: 75px;} .category-type-singular .category-block {padding: 96px 0px;margin: 0 0 75px;background-size: cover;background-position: center center;position:relative;overflow:hidden;} .category-type-singular .category-block:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 1;background: rgba(0,0,0,0.3);} .category-type-singular h4{color: white;font-size: 30px;line-height: 30px;text-align: center;text-transform: none;font-family: Inter;font-weight: 700;margin: 0 auto;padding: 0 0px 10px;position:relative;z-index:3;} .category-type-singular .category-block-description{color: white;font-family: Inter;font-size: 15px;line-height: 18px;font-weight: 500;margin: 0 auto;padding: 0 20px 20px;text-align: center;position:relative;z-index:3;} .category-type-singular .watch-link {text-align: center;position:relative;z-index:3;} .category-type-singular .watch-link a, .category-type-singular .watch-link a:link, .category-type-singular .watch-link a:visited{color: black;background: white;line-height: 36px;min-width: 180px;text-align: center;display: inline-block;border: 0;font-family: Inter;} .category-type-singular .watch-link a:hover{background: #f9f9f9;} .product-description{line-height: 1.2em;} .playlist-content-block{max-width:1340px;padding:0 20px;margin:0 auto;position: relative;z-index: 3;}/*overflow:hidden;*/ #stash-collection .collection-playlist{width: 204px;min-width: 204px;max-width: 204px;} #title_div{font-weight: 500;color: black;} .search-link, .search-link:link, .search-link:visited, .search-link:hover { color: black; } #new-subscribe-page{background-size: cover;background-position: center top;background-repeat: no-repeat;padding-bottom: 30px;min-height: 100vh; height: 1980px;background-attachment: fixed;} .subscribe-page { max-width: 1340px; padding: 60px 20px 0; margin: 0 auto; display: flex; flex-direction: column; border-top: 0; font-family: Inter; } .c-Subscribe{border: 0;padding: 0;} .c-Subscribe .c-Who{width: 100%;} .c-Subscribe .c-Who ._mob-label{display:none !important;} .subscribe-block{margin-top: 30px;background: white;padding: 30px;}/*min-height: 1450px;*/ /*.package-block{padding-top: 60px;}*/ .c-NewProduct{padding:20px 30px;background: white;margin-bottom: 15px;} .c-NewProduct .label{font-weight: 500;font-size: 16px;display: inline;padding-bottom: 0;color: black;} .c-Benefits-Out{color: white;line-height: 1.2em;display: none;} .c-NewProduct .radio{float: right;} .c-Benefits-Out a, .c-Benefits-Out a:link{color: white;border: 0;font-weight: 600;} .c-Benefits-Out a:hover{color: white;text-decoration: underline;border: 0;} .page-content h1{text-transform: none;font-weight: 500;text-align: center;font-size: 20px;padding-top: 0;} .page-content p{text-align: center;font-size: 18px;line-height: 24px;} .page-content p:last-child{font-size: 14px;padding-bottom: 30px;padding-top: 30px;} .page-content a, .page-content a:link{color: #02aeef;text-decoration:none;} .page-content a:hover{text-decoration:underline;} .subscribe-block .c-FieldGroup{margin-bottom: 8px;} .c-SubscriptionPayment{margin: 0;padding: 0;display: none;} .c-SubscriptionPayment .or-line{margin-top: 30px;position: relative;height: 50px;} .c-SubscriptionPayment .or-line:before{content: "";height: 1px; width: 100%;position: absolute;top: 50%;left: 0;background: #e1e2e3;z-index: 1;} .c-SubscriptionPayment .or-line span{display: block;color: rgb(185, 188, 199);position: relative;top: 0;width: 50px;height: 50px;margin: 0 auto;line-height: 50px;border-radius: 25px;background: white;z-index: 2;font-family: Inter;font-size: 18px;text-align: center;} .paypal-button {background: url(images/paypal-checkout.png);height: 44px;width: 228px;position: relative;overflow: hidden;margin: 0 auto;border: 0;display: block;} .paypal-button span{position: absolute;left: -3000%;top: 0;height: 0;width: 0;font-size: 0;} .payment-methods {width: auto;padding-top: 50px;} .c-WideField{padding-bottom: 8px;width: 100%;max-width: 100%;} .c-SmallFields{width: 100%;max-width: 100%;} .c-WideField input{font-size: 16px;-webkit-border-radius: 3px;-moz-border-radius: 3px;;border: 2px solid #E1E2E3;} .c-WideField input[disabled]{background: #eaeaea;color: #888;} .c-SmallFields input{font-size: 16px;-webkit-border-radius: 3px;-moz-border-radius: 3px;;border: 2px solid #E1E2E3;} .c-SmallFields input[disabled]{background: #eaeaea;color: #888;} .c-SmallFields .c-FieldFirst{width: 48%;} .c-SmallFields .c-FieldLast{width: 48%;} .page-content p.have-an-account{padding: 20px 0 0 0;} .c-SubscriptionConfirmation{padding-top: 25px;margin: 0;display: none;} .c-WideFieldWithBorders{padding-bottom: 12px;} .c-WideFieldWithBorders p{-webkit-border-radius: 3px;-moz-border-radius: 3px;;border: 2px solid #E1E2E3;overflow: hidden;} .c-WideFieldWithBorders p input{border: 0;width: 115%;margin-bottom: 0;} .c-SmallFieldWithBorders p{-webkit-border-radius: 3px;-moz-border-radius: 3px;;border: 2px solid #E1E2E3;overflow: hidden;padding: 0;} .c-SmallFieldWithBorders p input{border: 0;width: 125%;margin-bottom: 0;} .cv2helper:after{content: "";clear: both;display: block;} .cv2helper{margin: 0;position: relative;padding-bottom: 15px;} #subscribeNext{padding-top: 10px;} .issue-label { overflow: hidden; width: 60px; } #issue{ width: 80px !important; } #memsearch { padding-bottom: 10px; overflow: visible; } #memsearch input{ line-height: 16px !important; height: auto; padding-top: 0; padding-bottom: 0; } #keyword{ width: 100%; height: 16px; font-size: 14px; line-height: 18px; border: 0; color: #000; font-family: Inter; } .all-issues-playlist-issue-search{ vertical-align: top; overflow: visible; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; /*padding-left: 11px;*/ } .all-issues-link{ color: #000; font-size: 14px; width: 33.33%; min-width: 33.33%; max-width: 33.33%; } .search-label-container { display: block; vertical-align: top; position: absolute; top: 43px; left: 127px; width: calc(100% - 140px); } .all-issues-playlist-issue-search .keyword-label { position: relative; top: -4px; height: 30px; margin-top: 15px; } .search-label-container .keyword-label{ display: block; border: 1px solid #888; box-sizing: border-box; padding: 4px 5px 2px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; position: relative; } .search-label-container .keyword-label label { display: block; width: calc(100% - 30px); float: left; } .search-label-container .keyword-label:after{ content: ""; display: block; clear: both; } .search-label-container .search-button { float: right; } .my-playlists-link { font-size: 14px; color: #000; width: 33.33%; min-width: 33.33%; max-width: 33.33%; text-align: right; } @media all and (min-width: 513px) { .search-label-container { top: 33px; } } @media all and (min-width: 523px) { .search-label-container { top: 33px; } } /*[data-1="yes"] a, [data-1] .next-button {display: inline;} [data-2="yes"] a, [data-2] .next-button {display: inline;} [data-3="yes"] a, [data-3] .next-button {display: inline;}*/ [data-1="no"] a {display: none;} /*.no-next .next-button{display: none;} .no-prev .prev-button{display: none;}*/ .static-page {max-width: 1000px;margin: 0 auto;padding:0 20px 160px 20px;font-family: Inter;font-size: 16px;line-height: 20px;} .static-page h1{font-size: 24px;font-weight: 500;} .internal-page h1{font-size: 32px;line-height: 40px;padding: 45px 0 25px 0;margin: 0;font-weight: 600;font-family: Inter;color: black;text-transform: none;} .internal-page p{margin: 0px 0px 0px 0px;padding: 3px 0px 8px 0px;font-size: 16px;line-height: 26px;font-family: Inter;font-weight: 300;color: black;} .internal-page a,.internal-page a:link, .internal-page a:visited{color: black;border-bottom: 1px #000000 dotted} .internal-page strong{font-weight: 500;} .internal-page-with-trial{padding-bottom: 110px;} .c-TermsAgreement .terms-text { margin-left: 0;padding-left: 0; } .c-TermsAgreement {padding: 20px 0 40px 0;} .subscription-name{font-size: 16px;} .c-DynamicSub{font-weight: 300;} .c-SubscriptionDetails{margin-top: 0;padding-top: 20px;} /*.page-template-custom_template .memsearch_container,*/ /*.page-template-custom_contact .memsearch_container {margin-bottom: 0;padding-bottom: 0;}*/ /*.page-template-custom_about .memsearch_container,*/ .contact-content a:before { display: inline-block; height: 16px; width: 16px; margin-right: 10px; content: "\f0e0"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; } #container a:hover, #container a:focus, #container a:active, #sidebar ul.menu li a:hover, #sidebar_left ul.menu li ul.sub-menu li a:hover, #sidebar_right ul.menu li ul.sub-menu li a:hover, #commentform #submit:hover, #submit:hover, #searchsubmit:hover, .reply a:hover, #prevLink p a:hover, #prevLink p a:focus, #prevLink p a:active, #nextLink p a:hover, #nextLink p a:focus, #nextLink p a:active, #container .portfolioimg a img:hover, #footerwidgets a:hover, #footerwidgets a:focus, #footerwidgets a:active{ background:transparent !important; color: black !important; } #main_issues{ width: 100% !important; padding: 0px 20px 0 20px !important; display: flex !important; justify-content: space-between !important; flex-wrap: wrap !important; flex-direction: row !important; } .saved-search-container { max-width: 960px; margin: 0 auto; } .saved-search-panel { margin: 0 auto; max-width: 1340px; padding: 0 20px; z-index: 3; position: relative; } .playlist-popup-block{position: relative;} .internal-playlist .collection-playlists { justify-content: flex-start; padding-bottom: 10px; margin-bottom: 0; } .internal-playlist .collection-playlist { width: 147px; max-width: 147px; min-width: 147px; } .internal-playlist .collection-playlist a { font-size: 10px; line-height: 15px; } .internal-playlist .droppable-element { padding-bottom: 0; margin-bottom: 40px; padding-top: 40px; } .internal-playlist .droppable-element:first-child { padding-top: 20; } .internal-playlist .droppable-element:last-child { margin-bottom: 80px; } .saved-search-container .playbox-container { width: 100vw; /*padding: 0 20px;*/ } .c-Field label input[type="password"], .c-Field label input[type="email"] { font-family: Inter; font-size: 14px; line-height: 25px; position: absolute; display: block; width: 100%; margin: 0; padding: 0; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2; left: 0; width: 270px; top: 10px; height: 25px; color: #666666; background: transparent; } .c-FieldRelative label input[type="password"], .c-FieldRelative label input[type="email"] { position: relative; top: 0; } .playlist-droppables { max-width: 1300px; width: 100%; padding-top:20px; } .droppable-element { max-width: 1300px; width: calc(100vw - 57px); padding-bottom: 40px; } .droppable-element.top { z-index: 2; } .playlist-droppables .droppable-element:last-child { margin-bottom: 0; } .saved-search-copy { max-width: 1340px; width: calc(100vw - 40px) !important; } .saved-search-copy a {color: black;} .droppable-element .hoverscroll { width: calc(100vw - 40px) !important; max-width: 1340px !important } .droppable-element .hoverscroll .listcontainer { width: calc(100vw - 40px) !important; max-width: 1340px !important } .saved-search-copy .hoverscroll { width: calc(100vw - 40px) !important; max-width: 1340px } .saved-search-copy .listcontainer { width: calc(100vw - 40px) !important; max-width: 1340px } .no-content-found{ font-size: 17px; font-weight: 500; padding-top: 40px; padding-left: 20px; } #btstitle{ color: black; font-weight:700; margin-top: 20px; padding-bottom: 20px; font-size: 14px; } #btstitle:empty{display: none;} #btsimgtitle{margin: 0;font-weight: 700;color: black;padding: 40px 0 20px 0;font-size: 14px;} #btsimgtitle:empty{display: none;} #bts-player[style*="display"][style*="none"] ~ #btsimgtitle { padding-top:20px; } #bts-media-controls{bottom: 0 !important;} .copy-container .copy{padding: 0 20px;} .playlist-content-block{padding: 0 !important;} #content.playlist-content-block .copy-container{padding-left: 0 !important;padding-right: 0 !important;} .wide-blocks{padding: 20px 20px 0 20px;} /*.playlist-content-block #copy_div{padding: 0 20px;}*/ #addplaylist{ width:360px; position:relative; z-index: 100; margin: 0 auto; left: 0; margin-left: auto !important; min-height: 0; } .add-to-playlist-popup-container{ width: 100%; min-height: 100px; border: solid 1px #E1E2D3; background-color: #ffffff; padding-top: 4px; padding: 20px; padding-right: 4px; position: relative; } .add-to-playlist-close-button { width: 24px; color: #888; height: 24px; display: block; line-height: 24px; text-align: center; font-weight: 500; font-family: Inter; cursor: pointer; position: absolute; right: 10px; top: 10px; border-radius: 12px; } .add-to-playlist-close-button:hover { background: #e1e2d3; } .add-to-playlist-start-text { color: black; font-weight: 700; display: block; padding-bottom: 10px; /*padding-top: 10px;*/ } .add-to-playlist-input-wrapper{ display: block; } .add-to-playlist-input-wrapper span { cursor: pointer; color: black; margin-left: 8px; } #newPLName,#newfav { width: 205px; height: auto; border-style: solid; border-width: 1px; border-color: #888; color: black; font-family: Inter; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; padding: 6px; } .add-to-playlist-add-to-existing { color: black; font-weight: 700; display: block; padding-top: 30px; padding-bottom: 22px; } /** version 2 add to playlist */ .add-to-playlist-v2 { width: 100%; position: relative; padding-bottom: 10px; display: flex; flex-direction: row; justify-content: flex-end; z-index: 1; } .add-to-playlist-button-open { background: #f36d21; color: white; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 34px; width: 34px; display: block; cursor: pointer; margin-right: 20px; } @media all and (min-width: 640px) { .add-to-playlist-button-open { margin-right:0; } } .add-to-playlist-button-open svg { fill: white; height: 18px; position: relative; top: 2px; } .add-to-playlist-panel { position: absolute; top: -10px; right: 10px; display: none; z-index: 2; background: white; width: calc(100% - 40px); margin: 0 auto; max-width: 360px; padding: 58px 40px 30px; line-height: 1.4em; color: #272727; background: white; border: 1px solid #d6d7d8; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); } @media all and (min-width: 640px) { .add-to-playlist-panel { right: -10px; } } .add-to-playlist-panel .add-to-playlist-popup-container { border: 0; padding: 0; width: 100%; } .add-to-playlist-panel .add-to-playlist-popup-container .add-to-playlist-close-button { display: none; } .add-to-playlist-button-close { background: #f36d21; color: white; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 34px; width: 34px; display: block; cursor: pointer; position: absolute; top: 9px; /*to allow for the border */ right: 9px; /* to allow for the border */ z-index: 2; } .playlist-options-back, .playlist-options-back:link, .playlist-options-back:visited { position: absolute; left: 40px; top: 18px; color: #aaa; font-size: 13px; font-weight: 500; display: none; } .playlist-options-back:hover { color: #999; } .add-to-playlist-button-close svg { fill: white; height: 18px; position: relative; top: 2px; } .playlist-options-panel p { padding: 0 0 22px 0; margin: 0; } .playlist-options-panel a { font-size: 14px; } .player-results { overflow: unset; } .player-results:after{ display: block; clear: both; content: ""; } /** end version 2 add to playlist */ .select-playlist{ cursor: pointer; /*color: #666666;*/ margin: 0; padding: 0 0 22px 0; color: black; } .copy-container .copy-product-name { padding-left: 0; padding-bottom: 10px; } .copy-prev-issue { padding-right:0; font-size:14px; line-height:18px; display:inline-block; float:none; } .copy-next-issue { padding-left:0; margin-right:35px; font-size:14px; line-height:18px; display:inline-block; float:none; } .copy-prev-issue a{float: none !important;color: black !important;} .copy-next-issue a{float: none !important;color: black !important;} .project-title-line-1{display: block;padding-top: 4px;line-height: 15px;} .project-title-line-2{display: block;line-height: 15px;} .subscribe-content-header p, .subscribe-content-header p:last-child{font-size: 16px;padding-bottom: 0px;padding-top: 20px;margin: 0;} .subscribe-content-header p.have-an-account{font-size: 14px;padding-bottom: 30px;padding-top: 30px;} .subscriber-logged-in{padding-top: 30px;} .logo-bar img { width: calc(0.75 * (100vw - 40px)); max-width: 480px !important; } .loggedin .logo-bar img { max-width: 290px !important; } .loggedin.template-custom_inspiration .search-label, .loggedin.template-custom_collection_public .search-label, .loggedin.template-custom_playlist_flash .search-label, .loggedin.template-custom_saved_searches .search-label, .loggedin.template-custom_issue_nativesupport .search-label, .loggeedin.template-custom_online_search .search-label { display:none; } .also-found-in .search-link { display:block; } .playlist-results-header{ color: black; } .playlist-results-header.no-results { text-align: center; font-size: 16px; line-height: 18px; font-weight: 500; padding-bottom: 800px; } .item{position: relative;} .u-Delete-PlaylistItem { position: absolute; top: 4px; right: 6px; background: rgba(255,255,255,0.5); border-radius: 8px; -webkit-border-radius:8px; -khtml-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; height: 16px; width: 16px; overflow: hidden; text-align: center; font-size: 8px; line-height: 16px; } .u-Delete-PlaylistItem:hover {background: rgba(255,255,255,1);} div.copy{float:none;} div.copy:after{clear:both;content:"";display:block;} .c-Footer{padding-top:40px;text-align:center;clear:both;} .c-ErrorNotice{ padding:15px; color:#EC1F02; } .done{font-weight:bold;color:#8DC63F !important;} .u-HasError #myemail {color:#aa0000;} .c-Delete-Overlay{ background-color: #ebecff; display: block; height: 4085px; left: 0; opacity: 0.9; position: absolute; top: 0; width: 1349px; z-index: 9998; } .u-Delete-Playlist-Options{margin-left: 10px; color: #ec1f02; display: none;clear: both;width:100%;} .u-Delete-Playlist-Options:before, .u-Delete-Playlist-Options:after{display: block;clear: both;content: "";width: 100%;} .u-Delete-Playlist-Options a{margin: 0 5px;} .u-Delete-Playlist-Options .u-Delete-Playlist-Options-Yes{margin-left: 20px;} .u-Delete-PlaylistItem-Links {text-align: center;display: block; line-height: 20px;} .u-Delete-PlaylistItem-Links .u-Delete-PlaylistItem-Title {display: block; text-align: center; padding-top: 10px; color: #ec1f02; font-weight: bold;} .u-Delete-PlaylistItem-Links a{color: #333; padding: 10px; font-size: 10px;} .c-Alpha-Overlay{background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); height: 100%; width: 100%; z-index: 1000; left: 0;position: absolute; top: 0; display: table;} .c-Alpha-Overlay.u-Delete-PlaylistItem_Overlay{display: none;} .playlist-droppables{display: grid;} .droppable-element{position: relative;z-index: 1;} .droppable-element:after{content: "";display: block;clear: both;} .droppable-element .drag-handle {cursor: pointer;display: none;height: 38px;width: 38px;position: absolute;background: #f0f0f0;left: 0px;top: 0;-webkit-border-radius: 19px;border-radius: 19px;} .droppable-element .drag-handle:before {content: "\f07d";font-family: FontAwesome;font-size: 18px;width: 38px;line-height: 38px;text-align: center;color: #999;display: block;height: 38px;display: none;} .show-dropzone-before .dropzone[data-location="before"]:before{border: 2px #f36d21 solid;display: block;content: "";clear: both;position: absolute;left: 0;right: 0;top: -1px;} .show-dropzone-after .dropzone[data-location="after"]:before{border: 2px #f36d21 solid;display: block;content: "";clear: both;position: absolute;left: 0;right: 0;bottom: -2px;} .active-element {z-index: 2;} .droppable-element .dropzone {clear: both;} @media all and (min-width: 960px) { .droppable-element .drag-handle{display: block;} .droppable-element .drag-handle:before {display: block;} } .playlist-results-header span{font-weight: 500;} .playlist-results-header font{font-weight: 500;} .saved-searches-title {color: black;} .saved-searches-title font{font-weight: 500;} .droppable-element .drag-handle{top: 0px !important;} .playlist-title{display: block;} .droppable-element .c-Total-Result{} @media all and (min-width: 960px) { .playlist-title{padding-left: 50px;display: block;} .droppable-element .c-Total-Result{padding-left: 50px !important;} } #btsvideo{display: block !important;} #video{display: block !important;width: 100%} #bts-player{padding-bottom: 0 !important;} .search-non-droppables { padding-bottom: 160px; } .search-non-droppables .playlist-collection-header{ padding-top: 100px; } .search-non-droppables .playlist-collection-container{ margin-bottom: 80px; } .search-non-droppables .playlist-title, .playlist-page-results .playlist-title { padding-left: 0; font-weight: 500; text-transform: initial; } .wide-issue-view .playlist-title { } .search-non-droppables .playlist-name, .playlist-page-results .playlist-name { font-weight: 500; } .search-non-droppables .c-Total-Result, .playlist-page-results .c-Total-Result { font-weight: 500; padding-left: 0px; color: #999; font-size: 14px; } .search-non-droppables h4, .playlist-page-results h4 { text-transform: none; font-weight: 500; margin-bottom: 10px; width: 100%; position: relative; } .search-non-droppables .u-Delete-Playlist { float: right; } .wide-issue-view #player{ width: 100%; height: auto; } .wide-issue-view .html5-video-container { width: 100%; height: auto; } .wide-issue-view .playbox-left #video { width: 100%; height: auto; } .player-results.wide-issue-view { max-width: 960px; margin: 0 auto; } .playlist-page-results { padding-top: 40px; } .small-playlist-view { } .upgrade-incentive{ width: 100%; margin-top: 50px; padding: 50px 20px; } .upgrade-incentive p.buttons { margin-bottom: 15px; } .upgrade-incentive p.buttons a { margin: 0 auto; } .upgrade-incentive p.buttons ~ p { font-size: 14px; } #save-profile {margin-bottom: 80px;} .playlist-page .playlist-collection-header, .saved-search-container .playlist-collection-header, .wide-issue-view .playlist-collection-header{ max-width: 1340px; padding: 0 20px; margin: 0 auto; } .playlist-page .collection-playlist-container, .saved-search-container .collection-playlist-container, .wide-issue-view .collection-playlist-container{ max-width: 1340px; padding: 0 20px; margin: 0 auto; } .player-results #copy_div { font-family : Inter !important; font-weight : 300 !important; font-size : 14px !important; color : black !important; line-height : 19px !important; } .cancel-paypal-sub-text { color: #333; font-size: 14px; line-height: 1.4em; display: block; } .cancel-other-sub-text { display: block; line-height: 1.4; color: #333; font-size: 14px; } .cancel-other-sub-text a { color: black; } .cancel-other-sub-text a:hover{ text-decoration: underline; } .archive-testimonial-slider { overflow:hidden; } .archive-testimonial-slide { text-align: center; padding: 50px 0; display: none; } .archive-testimnial-slide:first-child { display: block; } .slide-content { font-size:20px; line-height: 28px; font-weight: 300; padding: 0 30px; } .testimonial-start-condition { -webkit-opacity: 0; opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: all 0.5s; } .testimonial-animating-condition { -webkit-opacity: 1; opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } .testimonial-end-condition { -webkit-opacity: 0; opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%); } .playlist-entry { text-align: left; padding-bottom: 4px; } @media all and (min-width: 360px){ .promotional-block .buttons a, .promotional-block .buttons a:link, .promotional-block .buttons a:visited{ width:calc(50% - 10px); } .c-PaymentAccepted .promotional-block{ padding: 35px 0 11px 0; width: 100%; } .c-PaymentAccepted .promotional-block p{ padding-bottom: 25px; } .c-PaymentAccepted .promotional-block .buttons a, .c-PaymentAccepted .promotional-block .buttons a:link, .c-PaymentAccepted .promotional-block .buttons a:visited{ width:100%; background: #8ac640; color: white; cursor: pointer; border: 0; font-weight: 600; font-size: 13px; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.05) inset; -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.05) inset; box-shadow: 0 0 0 1px rgba(0,0,0,0.05) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 15px; line-height: 16px; } } .issue-nav-row{ display: inline-block; padding: 10px 0; } @media all and (min-width: 449px) { .issue-nav-row{ padding-bottom: 15px; } } .archive-list {display: flex; flex-direction: row;flex-wrap: wrap;gap: 10px;} @media all and (min-width: 480px){ .promotional-block{padding:70px 80px;} .archive-overlay{padding: 100px 50px;} .archive-page-related .issue-shot{margin-bottom:20px;width:calc(50% - 7.5px);} /*.collection-playlists{gap: 20px;justify-content: space-between;} .collection-playlist{width:calc(50vw - 20px);max-width:calc(50vw - 20px);min-width:calc(50vw - 20px);} [data-2="no"] a, [data-2="no"] .next-button {display: none;}*/ .archive-list .archive-newitem{margin: 0 !important;width: calc(100% / 3 - 7px) !important;} #trial-form, #login-form, #mgetpass{padding: 50px} .archive-overlay .archive-button{margin: 0;width:100%;display:flex;gap:20px;max-width:100%;} .archive-overlay .button-wrapper {min-width:320px;max-width:320px;} .archive-overlay .demo-panel {width:150px;padding-top:0;position:relative} .archive-overlay .demo-options-panel button {width:150px;} .archive-overlay .archive-price{margin:0;max-width:490%;width:100%;} .archive-overlay .popup-share {position:absolute;right:0;top:52px;width:320px;} .archive-overlay .cancel-demo{position:absolute;top:-83px;right:-21px;width:150px;height:38px;border-radius:0 !important;} .archive-overlay .cancel-demo-button {background:white !important;color:black !important;width:100% !important;display:block;height:38px; border-radius: 0 !improtant;} .add-to-playlist-popup-container{width: 360px;margin: 0 auto;} .playlist-results-header{padding-top: 23px;} } @media all and (min-width: 520px) { .memsearch-container { max-width: 1340px; width: 100vw; padding: 0 20px; margin: 0 auto; } #memsearch { display: flex; flex-direction: row; justify-content: space-between; gap: 10px; max-width: 600px; padding-bottom: 3px;/*23*/ margin: 0; padding-left: 0; position: relative; padding-right: 0; } .all-issues-playlist-issue-search { width: 100%;/*calc(200% / 3);*/ min-width: 100%; } .search-label-container { /*width: calc(100% / 3);*/ /*position: relative;*/ /*top: -4px;*/ width: calc(100% - 120px); } .memsearch_container { margin: 10px auto 0px auto; } /*.page-template-custom_inspiration .memsearch_container { margin-top: 30px; }*/ #main_issues { padding-top: 20px !important; } .category-header { padding-top: 40px; } .issue-nav-row{ padding-top: 15px; } } @media all and (min-width: 600px) { #memsearch { display: block; } #memsearch:after { content: ""; display: block; clear: both; } .all-issues-playlist-issue-search { margin-right: 15px; display: block; float: left; width: auto; min-width: 0; } .search-label-container { top: -4px; left: 0; position: relative; width: 142px; float: left; display: block; } .all-issues-link { margin-right: 30px; display: block; float: left; width: auto; min-width: 0; max-width: none; } .all-playlists-menu-container { display: block; float: left; width: auto; min-width: 0; max-width: none; margin-right: 30px; } .my-playlists-link { margin-right: 30px; display: block; float: left; width: auto; min-width: 0; max-width: none; } .all-issues-playlist-issue-search .keyword-label { display: block; float: left; margin-top: 0; } .all-playlists-wrapper { text-align: left; } } .grid-left p iframe[src^="https://www.youtube.com"] { width: calc(100% + 40px); margin-left: -20px; aspect-ratio: 500 / 281; height: unset; } .grid-left iframe[src^="https://player.vimeo.com"] { width: calc(100% + 40px) !important; margin-left: -20px; aspect-ratio: 500 / 281; height: unset !important } @media all and (min-width: 640px) { .playlist-collection-header a, .playlist-collection-header a:link, .playlist-collection-header a:visited{font-weight: 500;} .archive-page-related .issue-shot{margin-bottom:20px;width:calc(33.33% - 7.5px);} .promotional-block .buttons a,.promotional-block .buttons a:link,.promotional-block .buttons a:visited{width:160px;} .archive-promo-post > div{flex-direction: row;padding: 50px;} .archive-promo-post-text{width: 60%;order: 1;padding: 0 50px 0 0} .archive-promo-post img{width: 40%;order: 2;height: max-content;height: auto;} /*.archive-promo-post:nth-child(odd) {background: #f5f5f5;}*/ .archive-promo-post:nth-child(even) {background: #f5f5f5;} .archive-promo-post:nth-child(even) .archive-promo-post-text{order: 2;padding: 0px 0 0 50px} .archive-promo-post:nth-child(even) img{order: 1;} .collection-playlist{width:calc(calc(100vw - 80px) / 3);max-width:calc(calc(100vw - 80px) / 3);min-width:calc(calc(100vw - 80px) / 3);} #stash-collection .collection-playlist{width: 204px;min-width: 204px;max-width: 204px;} .archive-overlay{flex-direction: row;gap: 20px;} .archive-overlay .banner-embed{padding-top: 0;} .saved-search-container .playbox-container { width: 640px; margin: 0 auto; } #btsvideo{height: auto !important;width: 640px !important;display: block;} #content .copy-container{margin-left: 0;width: 640px;} #bts-player{height: auto !important;padding-bottom: 0 !important;} #btsplayer{height: auto !important;} .is-fullscreen #bts-video, .is-fullscreen #btsvideo, .is-fullscreen #btsplayer, .is-fullscreen video, .is-fullscreen #bts-player{width:100vw !important;height:100vh !important;max-height:100vh !important;max-width:100vw !important;} .player-results {width: 640px;margin: 0 auto;} #render-list { width: 40%; } #render-list i { height: calc( ( (40vw - 100px) / 5) * 0.75); width: 20vw; max-height: 69.75px; } .grid-left p iframe[src^="https://www.youtube.com"] { width: calc(100%) !important; margin-left: 0; } .grid-left iframe[src^="https://player.vimeo.com"] { width: calc(100%) !important; margin-left: 0; } } @media all and (min-width: 673px) { .archive-list .archive-newitem{width: calc(100% / 4 - 8px) !important;} } @media all and (min-width: 680px) { .saved-search-container .playbox-container { width: 640px; padding: 0; } .player-results .wide-blocks, .player-results .playbox-left { padding-left: 0; } } @media all and (min-width: 736px) { #main_issues{ display: flex !important; flex-wrap: wrap; flex-direction: row; gap: 10px; justify-content: space-between; float: none !important; width: 100vw !important } #main_issues .archive-newitem{ height: auto !important; margin-right: 0 !important; width:calc(100% / 3 - 10px) !important; max-width: calc(100% / 3 - 10px) !important; min-width: calc(100% / 3 - 10px) !important; } } @media all and (min-width: 780px) { .memsearch-container { padding: 0 20px; } } @media all and (min-width: 800px) { .playlist-collection-header .prev-button, .playlist-collection-header .next-button { display: block; } .archive-collections{padding: 60px 40px 62px;} .memsearch-container { padding: 0 40px; } } @media all and (min-width: 888px) { .archive-list .archive-newitem{width: calc(100% / 5 - 8px) !important;} } .keyline #wrap{padding: 0;} @media all and (min-width: 900px) { .archive-page-related .issue-shot{margin-bottom:20px;width:calc(25% - 7.5px);} .archive-promo-post-text{padding: 50px 80px;} .archive-promo-post:nth-child(even) .archive-promo-post-text{padding: 50px 80px;} .collection-playlist{width:calc(calc(100vw - 64px) / 4);max-width:calc(calc(100vw - 64px) / 4);min-width:calc(calc(100vw - 64px) / 4);} #stash-collection .collection-playlist{width: 204px;min-width: 204px;max-width: 204px;} .archive-overlay .banner-embed iframe{min-height: 300px;} .archive-price{max-width:100%;} #wrap{padding:0px 20px;} .nopad #container{padding-left: 0;padding-right: 0;} .archive-overlay > div{width: 50%;} .archive-overlay .archive-button{max-width: 490px;} .archive-page .archive-price{max-width: 320px;max-width:490px;} .archive-overlay{padding:0 50px;height: 600px} .subscribe-page{flex-direction: row;gap: 40px;max-width: 960px;align-items: flex-start;} .package-block{width: 320px;} .subscribe-block{width: calc(100% - 360px);} .c-Subscribe{padding-top: 0;} .c-Subscribe.subscriber-logged-in{padding-top: 30px;} .c-SubscriptionDetails{margin-top: 0;padding-top: 0;border: 0;} #form{padding: 30px 40px;} .package-block{padding-top: 30px;} .c-Benefits-Out{display: block;padding-top: 20px;} .page-content h1{font-size: 30px;} .page-content p.have-an-account{padding-bottom: 30px;padding-top: 30px;} .memsearch_container{padding-top: 20px;} } @media all and (min-width: 960px) { .playlist-page-results{padding-top: 0;} .archive_details_page {padding-top: 4px;} .keyline-960 #wrap{border-top: 1px solid #e1e2d3;padding-top: 20px;} /*.widercolumn .playbox-left{width:640px !important;float: left !important;padding-top: 0 !important;}*/ /*.playbox-right{width: 300px;float: right;}*/ #content.archive{width: calc(100% - 340px)} #content.archive .postarea{width: 100%;} .grid-container{width: 100% !important;max-width: 1340px !important;padding: 0 0 120px 0;} #main_issues{width: 960px !important;} #main_issues .archive-newitem{ width:207px !important; max-width: 207px !important; min-width: 207px !important; } #content .copy-container{padding-left: 0 !important;} .postvid_single iframe, .postvid_single embed, .postvid_single object {height: calc( 520 * (( 100vw - 340px ) / 960 ));width: 100%;margin-left: 0;} /*.playbox-container .playbox-right{ float:right !important; clear:none !important; width:320px !important; display:block; padding-top: 87px !important; padding-right: 0 !important; padding-bottom: 50px; }*/ .saved-search-container .playbox-container .playbox-right { width: 300px !important; padding-top: 20px !important; float: none !important; } .saved-search-container .html5-video-container, .saved-search-container .html5-video-container video { width: 960px !important; height: auto !important; } .playlist-content-block { /*width: 1340px;*/ margin: 0 auto; max-width: 1340px; padding-top: 40px !important; } /*.playlist-content-block .playbox-left { width: 640px !important; float: none !important; margin: 0 auto; } .playlist-content-block .wide-blocks { width: 640px !important; float: none !important; margin: 0 auto; }*/ .playlist-content-block .wide-blocks { } .playlist-page { width: auto } } @media all and (min-width:1000px) { .archive-title{max-width:960px;margin:0 auto;padding:50px 0;} .saved-search-container .playbox-container { width: 960px; display: grid; grid-template-columns: 640px 300px; grid-template-rows: auto auto; gap: 0 20px; grid-auto-flow: row; grid-template-areas: "search-grid-top search-grid-right" "search-grid-left search-grid-right"; } .wide-issue-view .player-results { width: 960px; } .wide-issue-view .playbox-container{ grid-template-areas: "search-grid-top" "search-grid-left search-grid-right"; } .small-playlist-view .playbox-container{ grid-template-areas: "search-grid-top search-grid-right" "search-grid-left search-grid-right"; } .player-results{ width: 960px; } .wide-issue-view{padding-top: 40px;} .wide-issue-view #flowmain { grid-area: search-grid-top; } .wide-issue-view .playbox-left { grid-area: search-grid-left; } .wide-issue-view .playbox-right { grid-area: search-grid-right; padding-left: 0;} .wide-issue-view #player {height: 540px;width: 960px;} .small-playlist-view #flowmain{grid-area:search-grid-top;} .playlist-content-block .playbox-left {float: left !important;} .playlist-content-block .wide-blocks{float: right !important;width: 320px !important;} .playlist-content-block #copy_div{float: right !important;width: 320px !important;padding-bottom: 100px;} .playlist-content-block .wide-blocks{padding-top: 0;} /*.player-results #flowmain { float: left;width: 640px !important;}*/ .player-results #flowmain { float: none;width: 960px !important;} .wide-issue-view .player-results #flowmain {float: none;width: 960px !important;padding-left: 0;} .player-results .wide-blocks { float: right !important;width: 300px !important;padding-left: 0;padding-right: 0;padding-top: 20px;} .player-results #copy_div { width: 300px !important;font-family: Inter !important;font-weight: 300 !important;font-size: 14px !important;color: black !important;line-height: 19px !important;padding-bottom: 100px;} .player-results .playbox-left { float: left !important;width: 640px !important;padding-left: 0;padding-right: 0;padding-bottom: 100px;} .wide-issue-view .html5-video-container{width: 960px;height: 540px;} .wide-issue-view #flowmain video{width: 960px;height: 540px;} } @media all and (min-width: 1130px) { .archive-list .archive-newitem{width: calc(100% / 6 - 12px) !important;} } @media all and (min-width: 1220px) { .archive-overlay h1{padding-bottom: 6px;} .archive-overlay .archive-description{padding-bottom: 18px;} #main_issues{float: left !important;} } @media all and (min-width:1340px) { [data-4="yes"] a, [data-4] .next-button {display: inline !important;} [data-4="yes"] a, [data-4] .prev-button {display: inline !important;} } .more-inbox-links{font-family:Inter;text-transform:uppercase;margin:0 auto;text-align:center;} .more-inbox-links a{} /** * Watch Playlist, External page */ .watch-playlist{background-size:cover;display:flex;align-items: center;height: 100vh;background-position: center center;} .watch-playlist h1{font-size: 16px;text-transform: none;font-weight: 500;padding-bottom: 0px;padding-top: 0;margin-top: 0;line-height: 24px;} .watch-playlist.sub-prompt .buttons a {display: block;margin: 0 auto;} .watch-playlist.sub-prompt{height: auto;padding: 120px 0;} .watch-playlist.sub-prompt .promotional-block {padding: 70px 40px;} .nopad #container { max-width: 1300px; float: none; margin: 0 auto; position: relative; } .nopad #container:after{ clear: both; content: ""; display: block; } .grid-top { border-bottom: 1px dashed #d6d7d8; /*margin-bottom: 20px;*/ } .single-post .grid-top{ border-bottom: 0; } .grid-top h2 { font-size: 24px; line-height: 1.3; } .grid-top h2 a { font-weight: 400; color: #4d4d4d; } .grid-top ul { margin: 0; padding: 0; list-style: none; } .grid-top .feature_img{ object-fit: cover; height: auto; display: block; } .grid-top .feature_img img{ font-family: Inter; font-weight: 300; object-position: center; width: 100%; height: auto !important; float: none !important; color: #333333; display: block; max-width: 960px; } .grid-top .feature_info { padding-left: 0;padding-right: 0; font-family: Inter; font-size: 16px; font-weight: 300; } .grid-top .feature_info p:last-child { margin-bottom: 50px; margin-top: 0; padding-top: 10px; font-size: 16px; line-height: 24px; } .grid-top .feature_info a { line-height: 22px; font-family: Inter; font-size: 16px; font-weight: 600; color: #333; } .grid-top .feature_info h2 a{ font-size: 24px; line-height: 1.3; padding-top: 15px; text-transform: none; display: block; } .postarea h1 { font-size: 32px; line-height: 1.3; padding-top: 15px; text-transform: none; padding-bottom: 0; margin-bottom: 0; font-weight: 600; } .third-party-link img { display: block; margin: 0 auto; } .grid-left { line-height: 24px; } .grid-left img { height: auto; } .grid-left > div { padding-top: 40px; } .tag .grid-left > div { padding-top: 0; } .category .grid-left > div { padding-top: 0; } @media all and (min-width: 960px) { .grid-left iframe { aspect-ratio: 640 / 360; height: 100%; width: 100%; } } .category .grid-left h2, .tag .grid-left h2 { padding-top: 15px; } .category #container, .tag #container, .category .grid-top, .tag .grid-top { border-top: 0; border-bottom: 0; } .postimg_archive { width: 100%; } .grid-left h2 { padding: 0px 0px 5px; font-size: 24px; line-height: 1.3; text-transform:none; font-weight: 600 !important; } .grid-left .homepagecontent a img { max-width: none; } .grid-left p { font-family: Inter; font-size: 16px; font-weight: 300; line-height: 24px; } @media all and (min-width: 820px) { .homepagecontent a img {height: auto;width: 100%;max-width: none;} } .related-posts { display: none; } .related-posts h3 { letter-spacing: 0; font-weight: 600; font-size: 16px !important; line-height: 26px; text-transform: initial; } .related-post img { font-size: 16px; line-height: 26px; } .related-post h3 a { font-weight: 300; line-height: 24px;; } #text-12 {display: none !important;} /** * Home Page Grid */ @media all and (min-width: 640px) { .grid-container { display: grid; grid-template-columns: calc(100% - 320px) 300px; grid-template-rows: auto auto; gap: 0 20px; grid-auto-flow: row; grid-template-areas: "grid-top grid-top" "grid-left grid-right"; } .grid-top .feature_info h2 a{ font-size: 32px; } .grid-top { grid-area: grid-top; width: calc(100vw - 40px);align-self: flex-start;} .grid-left { grid-area: grid-left; } .grid-right { grid-area: grid-right; } .related-posts{display;flex;} } @media all and (min-width: 960px) { #container{ max-width: 1340px; margin: 0 auto; padding: 0; } .grid-container { display: grid; grid-template-columns: calc(100% - 320px) 300px; grid-template-rows: auto auto; gap: 0 20px; grid-auto-flow: row; grid-template-areas: "grid-top grid-right" "grid-left grid-right"; } .grid-top { grid-area: grid-top; width: calc(100vw - 40px - 340px);max-width: 960px;} .grid-left { grid-area: grid-left; width: calc(100vw - 40px - 340px);max-width: 960px;} .grid-right { grid-area: grid-right; } .grid-left > div {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;flex-direction: row;} .grid-left .homepagecontent{width: calc(50% - 20px);margin: 0 0 40px 0;} } @media all and (min-width: 1340px) { .collection-playlist{ width: 319px; max-width: 319px; min-width: 319px; } } .more-inbox-links{font-family:robotomedium;text-transform:uppercase;margin:0 auto;text-align:center;padding-bottom: 100px;} .more-inbox-links a{color: black;font-weight: 600;font-size: 16px;line-height: 26px;text-transform: capitalize;font-family: Inter;} #footertopbg{display: none;} .widget h4 {padding-top: 30px} .fa-bars:before{content: "";background: url(https://assets.stashmedia.tv/icons/bars.svg);width: 24px;height: 24px;display: block;-webkit-opacity: 0.3;opacity: 0.3} .playlist-name {color:#f36d21;} .droppable-element h4 {text-transform: none;font-weight: 500;margin-bottom: 10px;width: 100%} .droppable-element .c-Total-Result {font-weight:500;padding-left:0px;color: #999;font-size: 14px;} .u-Delete-Playlist{display:inline !important;float:right !important;margin-left:20px;padding:0;line-height:20px;color: #999 !important;top: -13px;position: relative;} .u-Delete-Playlist svg{height: 24px;fill: #c0c0c0 !important;} .u-Delete-Playlist path{fill: #c0c0c0 !important;} .u-Delete-Playlist-Options-Question{font-size: 14px;font-weight: 300 !important;color: black;} .u-Delete-Playlist-Options{margin-left: 0 !important;padding: 10px 0 4px 0;text-align: right;} .u-Delete-Playlist-Options-Yes, .u-Delete-Playlist-Options-No {display:inline !important;float:none !important;color:black !important;margin-right: 0 !important;font-weight:300 !important;} .top-line{display: block;font-weight: 400;} .bottom-line{color: #999;display: block;font-weight: 400;} .delete-button { position: absolute; top: 4px; right: 4px; border: 0; padding: 0; margin: 0; background: rgba(255,255,255,0.5); height: 24px; width: 24px; display: block; border-radius: 12px; cursor: pointer; z-index: 2; } .video-close-link { position: absolute; top: 10px; right: 10px; border: 0; padding: 0; margin: 0; background: rgba(255,255,255,0.5); height: 24px; width: 24px !important; display: block; border-radius: 12px; cursor: pointer; z-index: 3; } .delete-button:hover { background: white; } .video-close-link:hover { background: white; } .delete-button:before{ content: ""; color: black; display: block; height: 12px; width: 12px; position: absolute; top: 6px; left: 6px; text-align: center; background: url(https://assets.stashmedia.tv/icons/x-icon.png); background-size: contain; background-position: center center; } .video-close-link:before{ content: ""; color: black; display: block; height: 12px; width: 12px; position: absolute; top: 6px; left: 6px; text-align: center; background: url(https://assets.stashmedia.tv/icons/x-icon.png); background-size: contain; background-position: center center; } .delete-confirmation{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.9); text-align: center; display: none; z-index: 2; } .show-delete .delete-confirmation { display: block; } .delete-confirmation-title { padding-top: 20px; font-weight: 300; display: block; font-size: 14px; } .show-delete .delete-button { display: none; } .delete-yes, .delete-no { font-weight: 300; padding: 0 10px; display: inline-block; cursor: pointer; font-size: 14px; } .delete-yes { /*color: #aa0000;*/ } .error-notice { color: #EC1F02; text-align: center; } @media all and (min-width: 1320px) { .postvid_single iframe, .postvid_single embed, .postvid_single object { max-height: 548px; } } .shuffle-button { display: block; position: absolute; right: 0; top: 2px !important; z-index: 2; width: 32px; height: 32px; overflow: hidden; background: transparent; border: 0; padding: 0; margin: 0; cursor: pointer; } .is-issue .shuffle-button { top: 24px !important; } .shuffle-button svg { height: 32px; width: 32px; } .shuffle-button span { display: block; height: 32px; width: 32px; position: absolute; top: 0; } .shuffle-button[data-state="not-shuffled"] .icon-unshuffle { display: none; } .shuffle-button[data-state="shuffled"] .icon-shuffle { display: none; } .shuffle-button svg {fill: #c0c0c0;} .internal-page a.btn-submit-work, .internal-page a.btn-submit-work:link, .internal-page a.btn-submit-work:visited { background: #8ac640; color: white; cursor: pointer; width:240px; padding:15px 15px; line-height:16px; font-size:13px; font-family:Inter; border:0; margin:0; display:block; font-weight:600; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 0 1px #8c969d inset; -moz-box-shadow: 0 0 0 1px #8c969d inset; box-shadow:0 0 0 1px rgba(0,0,0,0.05) inset; text-align: center; } .share-by-email-button { position: absolute; right: 48px; top: 0px; } .is-issue .share-by-email-button { top: 24px; } @media all and (min-width: 520px) { .share-by-email-button { top: 2px; } .is-issue .share-by-email-button { top: 34px; } .is-issue .shuffle-button { top: 34px !important; } } .share-by-email-button svg { height: 32px; cursor: pointer; fill: #c0c0c0; } .popup-share { display: none; width: calc(100% - 40px); margin: 0 auto; max-width: 300px; text-align: center; padding: 30px 20px; line-height: 1.4em; color: #272727; background: white; border: 1px solid #d6d7d8; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); background: white; } .add-to-playlist-panel .popup-share { border: 0; -webkit-box-shadow: none; box-shadow: none; width: 100%; max-width: none; padding-left: 0; padding-right: 0; padding-top: 0; } .add-to-playlist-panel .share-title { font-size: 16px; font-weight: 500; color: #272727; line-height: 1.4; } .share-by-email-button.active .popup-share {display: block; position: absolute; top: 38px; right: 0; width: 300px;} .popup-share .share-close{position: absolute;right: 4px;top: 10px;cursor: pointer;height: 32px;width: 32px;line-height: 32px;} .popup-share .share-close:before{content: "X";position: absolute;top: 0;left: 0;height: 32px;width: 32px;text-align: center;line-height: 32px;color: #c0c0c0;} .popup-share-inner {position: relative;} .popup-share-inner .share-content{} .popup-share-inner .share-content p{} .popup-share-inner .share-content button{cursor: not-allowed;width: 100%;padding: 15px 15px;line-height: 16px;font-size: 13px;font-family: Inter;border: 0;margin: 0; margin-bottom: 0px;display: block;background: #dcdde3;color: #8c969d;font-weight: 600;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 0 0 1px #8c969d inset;-moz-box-shadow: 0 0 0 1px #8c969d inset;box-shadow: 0 0 0 1px rgba(0,0,0,0.05) inset;} .popup-share-inner .share-content button.active{background: #8ac640; color: white; cursor: pointer;} .share-error {display: none;padding-top: 10px;} .share-success {display: none;padding-top: 10px;font-size: 16px;font-weight: 500;} .issue-date{color:#999;font-size:10px;padding-left:5px;font-weight:400;} .icon-tooltip{background: white;position:absolute;right:125px;bottom: -61px;background:white;width:240px;text-align:center;border:1px solid #ccc;padding:30px 50px;-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);} @media all and (min-width: 450px) { .icon-tooltip{bottom: -55px;} } @media all and (min-width: 500px) { .icon-tooltip{bottom: -56px;} } @media all and (min-width: 520px) { .icon-tooltip{bottom: -62px;} } .droppable-element .icon-tooltip { bottom: -50px; right: 105px; } .icon-tooltip p{margin:0;padding:0;line-height:20px;} .icon-tooltip strong{display: block;} .icon-tooltip p.button-line{margin:0;padding:20px 0 0;} .icon-tooltip button{border:1px solid #d6d7d8;background:#f9f9f9;height:36px;width:100px;font-weight:500;color: black;} .icon-tooltip button:hover{background:white;cursor:pointer;color: black;} .icon-tooltip::after{content:"";background:white;position:absolute;right:-14px;top:calc(50% - 14px);height:25px;width:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border:1px solid #ccc;border-bottom:0;border-left:0;} #stashevents-widget-headline p { background:rgba(255,255,255,0.1); margin: 0; padding: 0; line-height: 60px; text-align: center; margin-bottom: 15px; position:relative; } #stashevents-widget-headline a, #stashevents-widget-headline a:link, #stashevents-widget-headline a:visited, #stashevents-widget-headline a:hover { text-decoration: none !important; color: white !important; font-family: Inter; font-weight: 600; font-size: 18px; display: block; line-height: 60px; } .partner-event-slider { padding-top:20px; margin-bottom:20px; } .partner-events-slider-container { width:300px; height:300px; position:relative; overflow:hidden; } .partner-events-slide { width:300px; height:300px; position:absolute; top:0; left:300px; /*transform:scale(0.95);*/ z-index:1; /*transition:all ease 0.25s;*/ } .partner-events-slide.active-slide { z-index:2; left:0; /*transform:scale(1);*/ } .partner-events-slide img { display:block; width:300px; height:300px; position:relative; max-width:300px; min-width:300px; } @media all and (min-width:774px) { .footer-wrapper { width: 515px !important; float: left !important; } } @media all and (min-width:961px) { .footer-wrapper { width:calc(100% - 364px) !important; } .c-Footer .share-icons {margin-right:0;} } .search-results .post a { font-weight: 600; } .search-results .post .postmeta a { font-weight: 300; }