/* ==================================================================================================
Theme Name:     Tower Fitness Theme Landing Page
Description:    custom theme running genesis framework
Author:         Design by: visualisecreative - Code by: Tyler Schofield
Template:       genesis
====================================================================================================== */
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i|Special+Elite');

/* ===================================================================================
Site wide and Basics [body, .entry-content, h1 - h6 etc]
=================================================================================== */
body {
    font-family: 'PT Sans', sans-serif;
    background-image:url(https://www.tower-fitness.co.uk/wp-content/uploads/2018/04/body-bg.png);
    background-position:top center;
    background-color:#000;
    background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {
    font-weight:700;
}
h1, h2, h3, h4, h5, h6, p {
    margin-bottom:15px;
}

a, a:hover {
    text-decoration:none;
}

a {
    color:#fff;
}
a:hover {
    color:#ee1c24;
}

.site-inner {
    display:none!important;
}

/* ===================================================================================
Custom classes - site wide [Layouts, alignments, spans, headers, link classes etc]
=================================================================================== */
.clearfix {
    clear:both;
    overflow:hidden;
}

.left {
    text-align:left;
}
.centered {
    text-align:center;
}
.right {
    text-align:right;
}

.inlinelist li {
    display:inline-block;
}

.margin-b-0 {
    margin-bottom:0;
}
.margin-b-20 {
    margin-bottom:20px;
}

.red {
    color:#ee1c24;
}

.header1 {
    background-color:#ee1c24;
    color:#fff;
    padding:5px;
}


/* ===================================================================================
Custom Header
=================================================================================== */
#beforeheader {
    background-color:#000;
    padding:5px 0px;
}
#beforeheader a,
.site-header a {
    /*color:#fff;*/
}
#beforeheader ul li img {
    padding-right:5px;
}
#beforeheader .two-thirds {
    text-align:right;
}
#beforeheader .two-thirds div {
    display:inline-block;
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:35px;
}
#beforeheader .two-thirds #phone {
    background-image:url(https://www.tower-fitness.co.uk/wp-content/uploads/2018/04/icon-red-phone.png);
    margin-right:50px;
}
#beforeheader .two-thirds #email {
    background-image:url(https://www.tower-fitness.co.uk/wp-content/uploads/2018/04/icon-red-email.png);
}
#beforeheader .two-thirds #phone a {
    font-weight:700;
}

.site-header {
    padding-top:100px;
}
.site-header p {
    color:#fff;
    font-size:22px;
}

#norwich span {
    background-color:#c4161c;
    padding:5px 10px;
}
#norwich,
#landing {
    display:none;
}
.page-id-46 #norwich,
.home #landing {
    display:block;
}

/* ===================================================================================
Navigation menu
=================================================================================== */



/* ===================================================================================
Custom Footer
=================================================================================== */
#footer,
#footer2 {
    background:rgba(238,28,36, 0.8);
    padding:20px 0px;
    color:#fff;
    line-height:1.2;
    font-size:16px;
}
#footer a:hover,
#footer2 a:hover {
    color:#000;
}
#footer h3,
#footer2 h3 {
    font-family:'Special Elite', sans-serif;
    margin-bottom:5px;
}

#footer2.clearfix > .one-half {
    width:50%;
    margin-left:0;
    padding: 0 20px;
}
#footer2.clearfix > .one-half.first {
    border-right:1px solid #fff;
}

.site-footer {
    background-color:#000;
    padding:20px 0px;
    color:#fff;
    margin-bottom:25px;
    font-size:16px;
}

.site-footer ul li img {
    padding:0px 10px;
}

.site-footer .clearfix {
    padding: 50px 0px 20px 0px;
}

/* ===================================================================================
Page specific content
=================================================================================== */
#body .bodywidget-wrap {
    margin: 50px auto 20px auto;
}

#body .bodywidget-wrap .bodywidget {
    position:relative;
    overflow:hidden;
    height:680px;
}
#body .bodywidget-wrap .bodywidget .back,
#body .bodywidget-wrap .bodywidget .front {
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
}

#body .bodywidget-wrap .bodywidget .back {
    z-index:1;
}

#body .bodywidget-wrap .bodywidget .front {
    z-index:2;
}

#body .bodywidget-wrap .bodywidget img {
    transition: transform 1.5s ease-in-out;
    -webkit-transition: transform 1.5s ease-in-out;
    display:block;
    cursor:help;
    z-index:1;
}

#body .bodywidget-wrap .bodywidget:hover .front img {
    transform: translate3d(0px, 680px, 0px)!important;
    -webkit-transform: translate3d(0px, 680px, 0px)!important;
}

#body_2 {
    display:none;
}

/* ===================================================================================
Widgets and page Addons
=================================================================================== */
.boxers {
    position:fixed;
    top:0;
    z-index: -1;
}
.boxers#boxer-left {
    left:0;
}
.boxers#boxer-right {
    right:0;
}

/* ===================================================================================
Sliders + Featured Images
=================================================================================== */



/* ===================================================================================
standalone animations
=================================================================================== */

/* Grow */
.grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.grow:hover, .grow:focus, .grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* ===================================================================================
Responsive CSS
=================================================================================== */

@media only screen and (max-width: 1200px) {
    #body_2 {
        display:block;
    }
    #body,
    .boxers {
        display:none;
    }
    #footer2.clearfix > .one-half {
        width:100%;
        margin-bottom:50px;
    }
}

@media only screen and (max-width: 960px) {
    #footer {
        padding:20px;
    }
    #footer .one-fourth {
        width:50%;
        margin-left:0;
        min-height: 360px;
    }
    .inlinelist {
        margin-bottom:20px;
    }
    #beforeheader {
        text-align:center;
    }
}

@media only screen and (max-width: 800px) {
    #footer .one-fourth {
        width:100%;
        text-align:center;
        min-height: 315px;
    }

    #beforeheader .two-thirds div {
        width: 230px;
        margin: 0 auto!important;
        display:block;
    }
    #beforeheader .two-thirds #phone {
        margin-right:0;
    }
    #beforeheader .two-thirds {
        text-align:center;
    }
}