/*
#------------------------------------------------------------------------
# Creativity - May Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */



/***** Fixed menu *****/
#gkTop.isIntro {
    top:0 !important;
    }
    
div.gk-intro {
     height:auto;
     }
     
     .gkIsWrapper-gk_creativity .figcaption h1 {
     font-size:24px !important;
     }
    
    
#gkHeader {
     height:0;
     }
     
     
/***** LAYOUT *****/

/*** Hide 'what we do' ***/

.gkIsWrapper-gk_creativity .figcaption > a.loaded {
    display: none;
    }

/*** bottom 4 col panels ***/


.dark {
    background:#666 !important;
    }
    

#gkBottom1 .dark {
    margin: 1%;
    font-size:18px;
     }
     
.gkCols6 .box.gkmod-4 {
    width:24%;
    }

/***** TYPOGRAPHY *****/

p.tile-caption{
    font-size:11px;
    font-style:italic;
}

.caption {
    font-size:18px;
    }

span.bolder {
    font-weight:400;
    }

html,body {
    font-family: "effra",verdana,arial,sans-serif;
    font-size:22px;
    line-height:1.2;
  }
  
h1,h2,h3,h4,h5,h6 {
    font-family: "effra",verdana,arial,sans-serif;
    font-weight:300 !important;
    }
    
.box .header {
    text-transform:none;
    font-size:24px;
    }
    
p.img_caption, figcaption {
    font-size:12pt;
    line-height:1.5;
    color:#666;
    }
    
.nspArt p.nspText {
    font-size: 18px;
    line-height:1.2;
    }
    
.nspArt .fleft.readon {
    float:none;
    display:block;
    text-align:center;
    margin:0 auto;
    }
    
/***** Buy tickets button *****/

.eventbritebutton {
     height:50px;
}
   


/***** FOOTER COLUMNS *****/

#gkFooterNav {
    float:none;
    width:100%;
    }

div.cols3 {
    width:100%;
    }
    
.cols3 div {
    float:left;
    width:30%;
    margin:0 1.5%
    }
    
    
#gkFooter {
     padding: 20px 0 50px;
     line-height:20px !important;
     color:#fff;
     }
     
#gkFooter a {
     color:#ccc;
     }

#gkFooter a:hover {
     color:#c623b8;
     }
     
#gkFooter h1, #gkFooter h2, #gkFooter h3, #gkFooter h4 {
    color:#fff;
    }
    
#gkFooterNav p {
    margin:0.5em 0 0.5em;
    }
    

.box.dark  {
    color:#fff !important;
    }

.box.dark a {
    color:#ccc !important;
    }

.box.dark a:hover {
    color:#c623b8 !important;
}
   


/***** LOGO *****/


#gkLogo.cssLogo {
   background: transparent url('../images/tbwdp-logo-on-white-300px.png') no-repeat 0 0;
   position:fixed;
   top:0;
   width: 300px;
   height:55px
}

#gkLogo {
    margin: 10px 5px;
    
}

#gkTop {
    min-height: 75px;
}


.gkblock-1 {
    background: #e9e9e9;
    border: none;
    margin: 15px 0 15px 25px;
    padding: 15px 20px;
}


/***** Footer logos *****/

#gkFooterNav img {
    width:200px;
    margin:10px auto;
    }



/***** GRID *****/

.custom_pink {
    background-color:#ccc;
    height:100%;
    padding:40px;
    }
    
/***** ANCHOR FOR SCROLL DOWN FROM HEADER *****/
    
#whatwedo {
    position:relative;
    top:-75x;
    padding-top:75px;
    }
    
    
    
    
/****** TABLETS ******/

@media screen and (max-width: 1024px) {
    .custom_pink {
        padding:25px;
    }
    
.custom_pink h4 {
    font-size: 18px;
}
    
    .box.bigtitle .header {
        font-size:48px;
        }
}


/****** PHONES ******/

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

.cols3 div {
    width:100% !important;
    margin:0 1.5%
    }
    
}