/*
Theme Name: Gauge Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Gauge WordPress theme. Only activate this child theme if you intend to make modifications to the theme otherwise activate the parent theme.
Version: 1.0
Author: GhostPool
Author URI: http://www.ghostpool.com
Template: gauge
*/

@import url("../gauge/style.css");

/* Add your own CSS code here */

blockquote {
    float: right;
    width: 33%;
    margin: 0 auto !important;
    padding: 30px;
    color: #888 !important;
}

blockquote p {
    font-style: italic !important;
}

.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}

blockquote:before {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
color: rgba(0, 0, 0, 0.3);
content: '\f10e';
font-size: 38px;
font-family: 'FontAwesome';
opacity: 0.2;
filter: alpha(opacity=20);
}

blockquote.infobar {
    background-color: #1c1c1c;
    color: #fff;
    margin-left: 25px !important;
}

blockquote.infobar:before {
    content: "";
}

blockquote.infobar h2 {
    color: #ff0033;
    margin: 0;
    padding: 0 0 15px 0 !important;
}

blockquote.infobar .fa {
    width: 25px;
    color: #ff0033;
}

blockquote.infobar a {
    color: #ddd;
}
blockquote.infobar a:hover {
    color: #ff0033;
}


#main-header .searchform {
    z-index: 1;
    float: right;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07), 1px 1px 5px rgba(0, 0, 0, 0.05);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 200px;
}

.nav .menu > li .sub-menu {
border-radius: 0px;
border: 1px solid transparent;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
margin: -5px 0 0 -5px;
}


.page-template-review-template-php .entry-content > p, .page-template-review-template-php .meta-tags {
width: 90%;
margin-left: auto;
margin-right: auto;
}


.single .post-content > *, .page .post-content > * {
    margin-bottom: 40px;
    padding-left: 0px;
    padding-right: 0px;
}


.single .post-content h3, .page .post-content h3, .single .post-content h4, .page .post-content h4, .single .post-content h5, .page .post-content h5 {
    padding-left: 0;
}

#review-content h3,
#review-content h2,
#review-content h4,
#review-content h5 {
    padding-left: 2.5%;
}


.nav .menu > li .sub-menu {
border-radius: 0px;
border: 1px solid transparent;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
margin: -5px 0 0 -125px;
}


.nav .menu > li > .sub-menu {
left: 50%;
margin-left: -125px;
top: 50px;
}

#main-nav .menu > li {
margin: 0 0 0 40px;
line-height: 45px;
}

#page-wrapper {
    background-color: #F5F5F5;
    height: 100%;
    min-height: 100%;
}

#content {
    width: 790px;
}

.single-post > #page-wrapper > #content-background > #content-wrapper,
.page-template-review-template > #page-wrapper > #content-background > #content-wrapper {
    z-index: 0;
    background-color: transparent; /** war weiß **/
    background-clip: content-box;
    min-height: 5000px;
    padding-top: 200px;
}
.single-post > #page-wrapper > #content-background > #content-wrapper {
    padding-top: 105px;
}
.single-post > #page-wrapper > #hub-tabs + #content-background > #content-wrapper {
    padding-top: 175px;
}

.single-post > #page-wrapper > #hub-tabs + #content-background #content-wrapper.gp-container.content-wrapper-blog > #content,
.single-post > #page-wrapper > #hub-tabs + #content-background #content-wrapper.gp-container.content-wrapper-blog > #sidebar {
    margin-top: 0px !important;
}

.page-template-blog-template > #page-wrapper > #content-background > #content-wrapper.gp-container.content-wrapper-blog #hockeystick-top ~ #content,
.page-template-blog-template > #page-wrapper > #content-background > #content-wrapper.gp-container.content-wrapper-blog #hockeystick-top ~ #sidebar,
.tax-gp_hubs > #page-wrapper > #content-background > #content-wrapper.gp-container.content-wrapper-blog #hockeystick-top ~ #content,
.tax-gp_hubs > #page-wrapper > #content-background > #content-wrapper.gp-container.content-wrapper-blog #hockeystick-top ~ #sidebar,
.tax-gp_videos > #page-wrapper > #content-background > #content-wrapper.gp-container.content-wrapper-blog #hockeystick-top ~ #content,
.tax-gp_videos > #page-wrapper > #content-background > #content-wrapper.gp-container.content-wrapper-blog #hockeystick-top ~ #sidebar {
    margin-top: 117px !important;
}

#page-wrapper #content-background #content-wrapper.gp-container.content-wrapper-blog #hockeystick-top

#footer {
    position: relative;
    z-index: 9999;
}

#content-wrapper.gp-container > #content {
    padding: 40px 20px;
    background-color: #fff;
}

#homepage-slider {
    position: relative;
    clear: both;
    min-height: 50px;
    max-width: 100%;
    background: #000;
}

.featured-wrapper {
    position: relative;
    width: 104%;
    overflow: hidden;
    padding: 20px;
    clear: both;
    margin-left: -20px;
}

#content-background {
    position: relative;
    z-index: 0;
    width:100%;
    height:1100px;
}

#review-content {
background-color: #fff;
overflow: hidden;
position: relative;
float: left;
width: 100%;
padding: 40px 0;
}

#review-summary {
border-top: none !important;
border-bottom: none !important;
}

.post-section-header h3, #reply-title {
    background-color: #FFF !important;
}
.post-section-header h3 {
    padding: 0 12px !important;
}

.author-info {
    padding: 20px !important;
}

#sidebar {
    position: relative;
    padding: 40px 15px 0 15px;
    width: 380px;
    border-bottom-width: 0 !important;
    background-color: #fff;
}

.element-title h3 {
font-size: 18px;
}

.element-title-line {
margin-top: 7px;
}

/* Anzeige deaktivieren für comment counter */

.meta-comments {
    display: none;
}

/* Blockquote - Quote Zeichen ausschalten */


.page-template-review-template-php .entry-content p:first-child:first-letter {
    color: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    margin: inherit !important;
    line-height: 1 !important;
    padding: inherit !important;
    float: none !important;
}

/* Abstand unter Top Liste in sidebar */
#visual_composer_addon-1 {
    margin-bottom: 0;
}

/* Filter in Video Category hart ausblenden */
.videos-wrapper .filter-wrapper {
    display: none;
}

.sd-content {
    margin-top: 30px;
}

.blog-columns .post-item.multiple-columns {
    margin-bottom: 0px;
}

.top-bg-gradient-overlay {
	height: 20%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.6)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2000000', endColorstr='#00000000',GradientType=0 );
}

/** Ausrichtung im VC Ranking Widget, Top Titel hatte noch ein padding **/

.ranking-wrapper .entry-title {
    padding: 1em 0 0 0 !important;
}

/** Sticky Ad Container **/

#sticky-ads {
    position: absolute;
    width: 200px;
    top: 0;
    right: -220px; /* Move this out to the left of the site body, leaving a 20px gutter */
}
#sticky-ads .container {
    height: 600px;
    width: 300px;
}
#sticky-ads .container.sticky {
    position: fixed;
    top: 155px;
}
#sticky-ads .container.fluid {
    position: absolute;
}

.no-sticky-ads-gp-container {
    z-index: 999999;
    width: 100%;
}
.no-sticky-ads {
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    border: none;
    background-color: #f8f8f8;
    padding: 40px 10px;
}
.no-sticky-ads .no-sticky-ads-container {
    margin: 0 auto;
}
.no-sticky-ads-gp-container.fluid {
    position: relative;
}

/** Before Content Ad Container **/

#before-content-ads {
    clear: both;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
}
#before-content-ads > div {
    text-align: center;
}
#before-content-ads .ad-container {
    text-align: center;
    background-color: #f8f8f8;
    margin: 0 15px;
    padding: 17px 0 15px 0;
    line-height: 1;
}

/*--------------------------------------------------------------
Hockeystick overrides
--------------------------------------------------------------*/

#hockeystick-top {
    width: 728px;
    height: 90px;
    position: absolute;
    right: 0;
    pointer-events: all;
}

#hockeystick-right {
    width: 160px;
    height: 600px;
    position: absolute;
    right: -160px;
    pointer-events: all;
}

.single-post > #page-wrapper > #content-background > #content-wrapper > #before-content-ads {
    margin-top: -115px;
}
.single-post > #page-wrapper > #content-background > #content-wrapper > #hockeystick-top {
    margin-top: -90px !important;
}
.single-post > #page-wrapper > #content-background > #content-wrapper > #hockeystick-right {
    margin-top: -90px !important;
}

.page-template-blog-template #page-wrapper #content-background #hockeystick-top,
.tax-gp_hubs #page-wrapper #content-background #hockeystick-top,
.tax-gp_videos #page-wrapper #content-background #hockeystick-top,
.page-template-review-template #page-wrapper #content-background #hockeystick-top {
    margin-top: 27px !important;
}
.page-template-blog-template #page-wrapper #content-background #hockeystick-right,
.tax-gp_hubs #page-wrapper #content-background #hockeystick-right,
.tax-gp_videos #page-wrapper #content-background #hockeystick-right,
.page-template-review-template #page-wrapper #content-background #hockeystick-right {
    margin-top: 27px !important;
}

.category #page-wrapper #content-background #hockeystick-top,
.category #page-wrapper #content-background #hockeystick-right {
    margin-top: 24px !important;
}

.page-child #page-wrapper #hub-tabs ~ #content-background #hockeystick-top,
.page-template-hub-template #page-wrapper #hub-tabs ~ #content-wrapper #hockeystick-top {
    margin-top: 27px !important;
}
.page-child #page-wrapper #hub-tabs ~ #content-background #hockeystick-right,
.page-template-hub-template #page-wrapper #hub-tabs ~ #content-wrapper #hockeystick-right {
    margin-top: 27px !important;
}
#content-wrapper.gp-container.content-wrapper-blog > #content, #content-wrapper.gp-container.content-wrapper-blog > #sidebar {
    margin-top: 0px !important;
}


/*--------------------------------------------------------------
Related MPU Ad Container
--------------------------------------------------------------*/

.related-mpu-ad {
    position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    padding: 4% 0;
    text-align: center;
    background-color: #f8f8f8;
}

.related-leaderboard-ad {
    width: 100%;
    padding: 4% 0;
    text-align: center;
    background-color: #f8f8f8;
}
.gp-responsive .related-wrapper .post-item {
    min-height: 320px;
}

/* Artikel Overrides */
.page-template-review-template-php .small-header .subtitle {
    margin-bottom: 0;
    padding-bottom: 35px;
}
.page-template-review-template-php .small-header {
    width: 90%;
}
#review-summary {
    background-image: none !important;
}

/*--------------------------------------------------------------
2.1 - Page widths
--------------------------------------------------------------*/

/** Müsste man anpassen um den Sticky Ad Container durch die Auflösungen zu schleifen **/

.gp-boxed-layout #page-wrapper,
.gp-boxed-layout #main-header,
.gp-boxed-layout #top-header,
.gp-container,
.gp-fullwidth .vc_col-sm-12.wpb_column > .wpb_wrapper > .wpb_row,
.gp-fullwidth .vc_col-sm-12.wpb_column > .wpb_wrapper > .wpb_accordion,
.gp-fullwidth .vc_col-sm-12.wpb_column > .wpb_wrapper > .wpb_tabs,
.gp-fullwidth .vc_col-sm-12.wpb_column > .wpb_wrapper > .wpb_tour,
.gp-fullwidth .vc_col-sm-12.wpb_column > .wpb_wrapper > .wpb_teaser_grid {
    width: 1170px;
}
.gp-boxed-layout .gp-container,
.gp-boxed-layout .side-bg-gradient-overlay,
.gp-boxed-layout.gp-fullwidth .vc_col-sm-12.wpb_column > .wpb_wrapper > .wpb_row,
.gp-boxed-layout.gp-fullwidth .vc_col-sm-12.wpb_column > .wpb_wrapper > .wpb_accordion,
.gp-boxed-layout.gp-fullwidth .vc_col-sm-12.wpb_column > .wpb_wrapper > .wpb_tabs,
.gp-boxed-layout.gp-fullwidth .vc_col-sm-12.wpb_column > .wpb_wrapper > .wpb_tour,
.gp-boxed-layout.gp-fullwidth .vc_col-sm-12.wpb_column > .wpb_wrapper > .wpb_teaser_grid {
    width: 1090px;
}
/*--------------------------------------------------------------
Smaller desktops overrides
--------------------------------------------------------------*/

@media only screen and (max-width: 1200px) {
    .jss-widget-gp-container {
        z-index: 999999;
        width: 320px;
    }
}

/*--------------------------------------------------------------
21.4 - Mobile (landscape)
--------------------------------------------------------------*/

@media only screen and (max-width: 767px) {
    #before-content-ads {
        display: none;
    }
    .related-mpu-ad {
        clear: both;
        position: relative;
        width: 100%;
        padding: 10% 0;
    }
    .related-row .post-item {
        margin-bottom: 20px !important;
    }
    .gp-responsive .related-wrapper .post-item {
        margin: 0 0 20px;
        width: 100% !important;
        min-height: 0;
    }
}

/*--------------------------------------------------------------
Mobile portraits overrides
--------------------------------------------------------------*/

@media only screen and (max-width: 567px) {

    #sidebar {
        width: 350px;
    }
    #before-content-ads {
        display: none;
    }
    .related-mpu-ad {
        clear: both;
        position: relative;
        width: 100%;
        padding: 10% 0;
    }
    .related-row .post-item {
        margin-bottom: 20px !important;
    }
    .gp-responsive .related-wrapper .post-item {
        margin: 0 0 20px;
        width: 100% !important;
        min-height: 0;
    }

}
/*--------------------------------------------------------------
Sticky social bar overrides
--------------------------------------------------------------*/

.sticky-container {
    right: -158px !important;
    top: 510px !important;
}

.sticky li a img {
    margin-right: 10px !important;
}

.sticky li a p {
    font-family: "Open Sans" !important;
}

@media only screen and (max-width: 767px) {
    .sticky-container {
        top: 260px !important;
    }
}
#top-header .social-icons a {
    font-size: 18px !important;
    color: #cccccc !important;
}
#top-header .social-icons a:hover {
    color: #fff !important;
}

/*--------------------------------------------------------------
Contest Hopper overrides
--------------------------------------------------------------*/

.ch_widget {
    max-width: 99999px; !important;
    width: 100% !important;
    padding: 5px 0 20px 0 !important;
    display: inline-block;

}

.ch_rules_disclaimer {
    float: none !important;
    padding-left: 0 !important;
}

.boxes .counts,
.ch-title img {
    display: none !important;
}

.ch_widget .boxes {
    margin-bottom: 0 !important;
}

/*--------------------------------------------------------------
Utility Bar Header overrides
--------------------------------------------------------------*/

.login-menu {
    display: none;
}

/*--------------------------------------------------------------
Nav Overrides
--------------------------------------------------------------*/

.nav-image img {
    width: 100%;
}

/*--------------------------------------------------------------
Review Template Override
--------------------------------------------------------------*/

.bg-overlay-light {
    background-color: rgba(0, 0, 0, 0.25)
}

#review-summary .bg-overlay-light {
    background-color: #1c1c1c;
}

#review-content ul {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

/*--------------------------------------------------------------
Flowplayer Template Override
--------------------------------------------------------------*/

.flowplayer {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
}

/*--------------------------------------------------------------
Standard Overrides
--------------------------------------------------------------*/

p:first-child, p {
    margin-bottom: 30px;
}
.image-above.featured-content {
    margin: 0 0 40px;
}
.align-center, .aligncenter {
    margin: 40px 0;
}
h1, h2, h3, h4, h5, h6 {
    margin: 30px 0;
}
.wp-caption.aligncenter {
    width: 100% !important;
}
#content ul {
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
Slider Overrides
--------------------------------------------------------------*/

.slider-pro {
    margin-bottom: 20px;
}

/*--------------------------------------------------------------
Comments Overrides
--------------------------------------------------------------*/

#comments input, #comments textarea, #comments select {
    border-width: 1px;
}

/*--------------------------------------------------------------
Post Specials
--------------------------------------------------------------*/

.e3-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 5%;
    pointer-events: none;
    background: transparent url(/wp-content/uploads/2016/06/e3-logo-trans.png) no-repeat;
    background-size: auto 75px;
}

.e3-overlay-centered {
    margin: 0 auto;
    background-position: center;
}