/*
Theme Name: Bord Gáis Energy Student Theatre Awards
Description: Custom theme Bord Gáis Energy Student Theatre Awards
Version: 2.0
Author: The Website Shop
Author URI: http://thewebsiteshop.ie

=========================================================
Table of Contents. 	UPDATED 7 SEPT - to fix hover issue with 3 boxes on homepage
=========================================================

1. Standard Elements (typography, forms, tables, blockquotes etc.)
2. Layout / Structure Classes
3. Custom Classes
4. CSS Animations
5. WordPress Classes
6. Header
7. Footer
8. Sidebar
9. Pages / Posts / Post Previews
10. Per Page / Post Styling
11. Front Page
12. Categories Page
13. Helpful Hints Page
14. Meet the Judges Page
15. Contact Us Page
16. Entry Form
17. Peoples Choice Awards
20. Plugin Customisaation
21. Responsiveness

=========================================================
*/

/*Google Webfonts Import*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600,700');


/*
=========================================================
1. Standard Elements
=========================================================
*/

*
{
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:  border-box;
}

body
{
    background-color:#FFFFFF;
    color:#6d6d6d;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    min-width: 320px;
}

strong
{
    font-weight: 700;
}

em
{
    font-style: italic;
}

h1
{
    color:#203561;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 25px;
}


h2
{
    color:#203561;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
    font-weight: 700;
}

h3
{
    font-size: 18px;
    color:#203561;
    font-weight: 700;
    margin-bottom: 20px;
}

h4, h5, h6
{
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}


a
{
    font-size:inherit;
    color:#0076a0;
    text-decoration: none;
}

p
{
    margin-bottom: 20px;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
}

/* force min height so that empty paragraphs still show */
p:empty
{
    height: 22px;
}

ul
{
    list-style: disc;
    list-style-position: outside;
    margin-bottom: 10px;
}

ol
{
    list-style: decimal;
    list-style-position: outside;
    margin-bottom: 10px;
}

li
{
    font-family:inherit;
    font-size:inherit;
    line-height:inherit;
    color:inherit;
    margin-left: 30px;
    margin-bottom: 3px;
}

/*Forms
----------------------------------------------------------------------------*/
input[type='text'], input[type='number'], input[type='password'], input[type='tel'], input[type='email'], select, textarea
{
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    background-color: #dedfda;
    border: none;
    color:#989898;
}

input[type='text']:focus, input[type='number']:focus, input[type='password']:focus, input[type='tel']:focus, input[type='email']:focus, select:focus, textarea:focus
{
    color:#323232;
}

input[type='text'], input[type='number'], input[type='password'], input[type='tel'], input[type='email']
{
    padding: 0 5px;
    height: 32px;
    line-height: 32px;
}

input[type='submit']
{
    cursor:pointer;
    text-decoration: none;
    color:#FFF;
    font-size: 20px;
    background-color: #6baedf;
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    padding-right: 30px;
    border:0;
    text-transform: uppercase;
}

select
{
    padding: 5px;
    padding-left: 2px;
}

textarea
{
    padding:5px;
    resize: none;
    width: 75%;
    height: 100px;
}

label
{
    font-size: 18px;
}

label.block
{
    display: block;
    margin-bottom: 10px;
}


input[type=checkbox], input[type=radio]
{
    /* Double-sized Checkboxes & Radio Buttons */
    -ms-transform: scale(1.2); /* IE */
    -moz-transform: scale(1.2); /* FF */
    -webkit-transform: scale(1.2); /* Safari and Chrome */
    -o-transform: scale(1.2); /* Opera */
    padding: 10px;
    margin-right: 5px;
    margin-left: 7px;
}




/*Tables
----------------------------------------------------------------------------*/
table 
{
   margin:0;
   padding:0;
   border-collapse: separate;
   border-spacing: 0;
   table-layout: fixed;
   /* Prevents HTML tables from becoming too wide */
   width: 100%;
}

table th 
{
    font-weight: bold;
    background: #6DACDE;
    color: #ffffff;
}

table td
{
    text-align: center;
    
}

table th, table td 
{
    border:1px solid #6DACDE;
    padding: 3px 5px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}


/*
=========================================================
2. Layout / Structure Classes
=========================================================
*/

/*Wrappers (full browser width containers)----*/
.wrap
{
    width:100%;
    /*min-width of .wrap = .contain width + padding*/
    min-width: 1070px;
/*    padding-left: 20px;
    padding-right: 20px;*/
    height:auto;
    display:block;
    position: relative;
}

.wrap.nopad
{
    padding:0;
}

.wrap.white
{
    background-color: #FFF;
}

.wrap.light-blue
{
    background-color: #a6ceec;
}

.wrap.grey
{
    background-color: #f0f0ef;
}

.wrap.blue
{
    background-color: #a6ceec;
}

.wrap.navy
{
    background-color: #002f69;
}

/*Containers (Limited width centered containers)-*/
.container
{
    width:1030px;
    height:auto;

    display: block;
    position: relative;
    margin: 0 auto;
}

.bigContainer
{	width: 100%;
    /*max-width:1280px; */
    height:auto;

    display: block;
    position: relative;
    margin: 0 auto;
}



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



/*Bootstap style responsive columns-------------------------*/
.col
{
    display: block;
    float: left;
}

@media screen and (min-width: 600px) {

        
    
    .col-md-4
    {
        width: 33.33%;
        text-align: center;
    }
    
    .col-md-6
    {
        width: 50%;
    }
    
 .col-md-8
    {
        width:66.6%;
    }
    
}


@media screen and (min-width: 900px) {

    .col-lg-3
    {
        width: 25%;
    }

    .col-lg-4
    {
        width: 33.33%;
    }

    .col-lg-6
    {
        width: 50%;
    }

    .col-lg-8
    {
        width: 66.67%;
    }

    .col-lg-12
    {
        width: 100%;
    }


}



/*Main Layout
-----------------------------------------------------------------------------*/
#main-wrap
{
    height:auto;
    padding-top: 5px;
    padding-bottom: 20px;
}

#main-contain
{
 /*   min-height: 1000px;*/
}

#main
{
    float: left;
  width: 65%;
    min-height: 1px;
}


/*
=========================================================
3. Custom Classes
=========================================================
*/

/*Form Groups -----------------------*/
.form-group
{
    text-align: left;
    position: relative;
    margin-bottom: 38px;
}

.form-group .clearfix label
{
    display: block;
    float: left;
    width: 30%;
    padding-top: 4px;
}

.form-group .clearfix .input-holder
{
    display: block;
    float: left;
    position: relative;
    width: 68.5%;
    margin-left: 1.5%;
}

.form-group .clearfix .input-holder input[type="text"], .form-group .clearfix .input-holder input[type="email"], 
.form-group .clearfix .input-holder textarea, .form-group .clearfix .input-holder select
{
    width: 100%;
}

.form-group .clearfix .input-holder input[type="number"]
{
    width: 50%;
}

.fg-timestamp .clearfix .input-holder
{
    line-height: 40px;
}

.fg-timestamp .clearfix .input-holder input[type="number"]
{
    width: 60px;
    margin-right:2px;
}

.form-group .clearfix .input-holder input[type="submit"]
{
    width: auto;
}



/*Checkboxes / Radios -----------------------*/

.checkbox-inline label
{
    line-height: 30px;
}

.checkbox, .radio
{
    display: block;
    width: 100%;
    height: auto;
    min-height: 24px;
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px;
}

.checkbox input, .radio input
{
    position: absolute;
    left: 0;
    top:4px;
}

.checkbox label, .radio label
{
    display: block;
    float: none !important;
    width: 100% !important;
    padding: 3px 0 0 0 !important;
    line-height: 20px;
    font-size: 14px;
}


.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.center
{
    text-align: center;
}

.left
{
    text-align: left;
}

.right
{
    text-align: right;
}

.hidden
{
    display: none;
}

.nowrap
{
    display: inline;
    white-space: nowrap;
}

.vtop
{
    vertical-align: top !important;
    padding-top: 10px;
}

.error, .input-helper
{
    color:#F00;
}

.line-gap
{
    display: block;
    height: 20px;
}

.button
{
    text-transform: uppercase;
    text-decoration: none;
    color:#FFF;
    font-size: 20px;
    background-color: #6baedf;
    padding:15px;
    padding-left: 30px;
    padding-right: 30px;
}

.hr
{
    width: 100%;
    height: 1px;
    background-color: #AAA;
    margin-bottom: 30px;
}

.form-response
{
    color: #F00;
    font-weight: 700;
}


/*Paddings
--------------------------------------------------------------*/
.pad-left-20
{
    padding-left: 20px;
}

.pad-right-20
{
    padding-right: 20px;
}

.pad-right-50
{
    padding-right: 50px;
}


/*BlockQuotes / Testimonials
--------------------------------------------------------------
.testimonial 
{ 
    margin: 0;    
    padding: 30px 0px 0px 40px;     
    position: relative;     
    color: #525252;        
    font-style: italic;   
    font-size: 22px;
    line-height: 28px; 
    font-weight: 400;

    background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0), rgba(255,255,255,1)),
        url("images/tiles/grey-pixel.png") repeat-y;
} 

.testimonial:before
{     
    content: "\201C";  
    top: 0;     
    left: 15px;   
    position: absolute;     
    font-size: 80px;     
    line-height: 1;     
    color: #dbd9da;     
    font-style: normal; 
    font-family: Georgia, serif;     
} 

.testimonial-author 
{     
    margin: 0 0 20px 25px;     
    font-family: Arial, Helvetica, sans-serif;     
    color: #3e3e3e;     
    text-align:right;
    font-weight: 700;
} 

.testimonial-author:before
{
    content: "- ";
}
*/

/*Tabbed pages
--------------------------------------------------------------*/
ul.tabbed-page-nav
{
    display: block;
    list-style: none;
    margin: 0;
}

ul.tabbed-page-nav li
{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 5px;
}

ul.tabbed-page-nav li a
{
    display: block;
    background-color: #6caedf;
    color:#FFF;
    text-decoration: none;
    padding: 9px 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
}

ul.tabbed-page-nav li a:hover, ul.tabbed-page-nav li a.active
{
    background-color: #f2f2f0;
    color:#002f69;
}

.tabbed-page-content
{
    background-color: #f2f2f0;
    padding: 32px 12px 60px 12px;
}

.tabbed-page-content h1, .tabbed-page-content h2, .tabbed-page-content h3, .tabbed-page-content h4, .tabbed-page-content h5, .tabbed-page-content h6
{
    color:#002f69;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
}

.tabbed-page-content p
{
    margin-bottom: 25px;
}


/*Venobox image gallery
--------------------------------------------------------------*/

ul.venobox-gallery
{
    display: block;
    list-style: none;
    padding-left: 4px;
}

ul.venobox-gallery li 
{
    display: block;
    float: left;
    width: 200px;
    margin: 0;
    padding: 0;
    margin-bottom: 35px;
}

ul.venobox-gallery li:not(:nth-child(3n)) 
{
    margin-right: 20px;
}

ul.venobox-gallery li img
{
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

ul.venobox-gallery li p 
{
    text-align: center;
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

ul.venobox-gallery li .vbgallery-item a.venobox
{
    display: block;
    position: relative;
    text-decoration: none;
}

ul.venobox-gallery li .vbgallery-item-video p
{
    background-color: #6caedf;
    color:#FFF;
    padding: 8px;
    margin-bottom: 6px;
}

ul.venobox-gallery li .vbgallery-item-video  a.venobox .play-button
{
    background-image:url('images/play-button.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    z-index: 50;
    position: absolute;
    top:0;

}

/*Peoples choice video gallery
--------------------------------------------------------------*/
ul.venobox-gallery li .vbgallery-item-pc
{
    position: relative;
}

ul.venobox-gallery li .vbgallery-item-pc p
{
    padding: 4px 8px;
    background-color: #02aab5;
    text-align: left;
}

ul.venobox-gallery li .vbgallery-item-pc .vote-button
{
    background-color: #02aab5;
    color:#FFF;
    cursor:pointer;
    width: 60px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    bottom:0;
    left: 70px;
    z-index: 100;
}



/*Iconed Buttons
--------------------------------------------------------------*/
.icon-btn
{
    display: block;
    width: 320px;
    max-width: 100%;
    height: 54px;
    margin-bottom: 24px;
    border: 1px solid #f89520;
    border-radius: 1px;
}

.icon-btn:hover
{
    border: 1px solid #fbca8f;
}

.icon-btn .icon 
{
    display: block;
    float: left;
    width: 21.87%;
    text-align: center;
}

.icon-btn .icon img
{
    position: relative;
    top: 5px;
}

.icon-btn span 
{
    display: block;
    float: left;
    width: 76.63%;
    margin-left: 1.5%;
    line-height: 50px;
    color:#f7931e;
    text-transform: uppercase;
    font-size: 22px;
    text-decoration: none;
}


/*Share Buttons
--------------------------------------------------------------*/
.share-buttons a
{
    display: inline-block;
    background-color: #1f3567;
    text-transform: uppercase;
    color:#FFF;
    text-decoration: none;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    padding-right: 7px;
    margin-right: 8px;
}

.share-buttons a.fb
{
    background-image: url("images/share-fb-bg.png");
}

.share-buttons a.tw
{
    background-image: url("images/share-tw-bg.png");
}


/*
=========================================================
4. CSS Animations
=========================================================
*/

@keyframes pulsate {
       0% {
     transform: scale(1, 1);
    }

    50% {
     transform: scale(0.9, 0.9);
    }

    100% {
    transform: scale(1, 1);
    }
}

@-webkit-keyframes pulsate {
       0% {
     transform: scale(1, 1);
    }

    50% {
     transform: scale(0.9, 0.9);
    }

    100% {
    transform: scale(1, 1);
    }
}


/*
=========================================================
5. WordPress Classes
=========================================================
*/

/*WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 0px 0 40px 40px;
}

.alignleft {
    float: left;
    margin: 0px 40px 40px 0;
}

.alignrightfull {
    float:right;
    margin: 0px 0 70px 70px;
}

a img.alignright {
    float: right;
    margin: 0px 0 40px 40px;
}

a img.alignrightfull {
    float:right;
    margin: 0px 0 70px 70px;
}

a img.alignnone {
    margin: 0px 40px 40px 0;
}

a img.alignleft {
    float: left;
    margin: 0px 40px 40px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/*Navigations
-----------------------------------------------------------------------------*/
/*WP menus*/
ul.menu
{
   margin: 0; 
   line-height: 24px;
 
   width: : 100%;
}

ul.menu li
{
    margin:0;
    padding: 0;
    display: block;
    float: left;
    position: relative;
}

ul.menu li a
{
    display: block;
    text-decoration: none;
    color:#000;
    padding-left: 10px;
    padding-right: 10px;
}

ul.menu li a:hover
{
    text-decoration: underline;
}


/*Sub-menu pop-ups*/
ul.sub-menu
{
    display: none;
    position: absolute;
    background-color: #FFF;
    z-index: 100;
}

ul.sub-menu li
{
    float:none;
    margin:0;
    padding: 0;
}

ul.sub-menu li a
{
    display: block;
    white-space: nowrap;
}







/*
=========================================================
6. Header
=========================================================
*/

#hdr-wrap
{
    margin-bottom: 15px;
}

#header
{
    display: block;
    padding-top: 30px;
    padding-bottom: 5px;
}

#hdr-sta-logo
{

}

#hdr-sta-logo-stacked
{
    display: none;
}

#hdr-bge-logo
{
    position: absolute;
    right:0;
    top:55px;
}


/*Header Navigation
----------------------------------*/
/*Header Navigation
----------------------------------*/
#hdr-nav-wrap
{
    height: 40px;
    margin-bottom: 18px;
}

#hdr-nav
{
    position: relative;
    float: left;
    width: 100%;
}

/*#hdr-social-icons
{
    height: 40px;
    position: absolute;
    right: 0;
    top:145px;
    z-index: 50;
}
*/
#menu-header-navigation > li:not(:last-child)
{
    margin-right: 20px;
}

#menu-header-navigation > li > a
{
    display: block;
    width: 238px;
    text-align: center;
    padding: 8px 0;
    color:#000;
    border-bottom:6px solid #000;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    text-decoration: none;
}



#menu-header-navigation > li:hover > a, #menu-header-navigation  > li.current_page_item  > a
{

}


/*Header Sub-menus*/


/*Pure CSS Sub-menu popup*/
ul#menu-header-navigation ul.sub-menu
{
    display: none;
    z-index: 1000;
    position: absolute;
    left:0;
}



ul#menu-header-navigation ul.sub-menu li {
	display: block;
}


/*Display all sub-menus when the parent li is hover, or when the .sub-menu itself is hovered */
ul#menu-header-navigation li.menu-item-has-children:hover > ul.sub-menu, ul#menu-header-navigation > ul.sub-menu:hover
{
    display: block;
}

/*position second tier sub-menus*/
ul#menu-header-navigation ul.sub-menu ul.sub-menu
{
    width: 120px;
    right: -120px;
    top: 0;
    left:auto;    
 
}







#menu-header-navigation ul.sub-menu li a
{
    display: block;
    color:#777;
    text-align: center;
    background-color: #FFF;
    padding: 0 15px;
    line-height: 34px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    width: 242px;

}

.slicknav_nav li
{
    margin-left: 0;

}

.slicknav_nav li a
{
font-weight: 700;
}

.slicknav_nav li a.sub-menu-item
{
    padding-left: 20px;
}

.slicknav_nav li a.sub-menu-item:before
{
    content: "- ";
}

.slicknav_btn {
    background-color: #FFF;
}

.slicknav_menu .slicknav_menutxt
{
    color: #203561;
    text-shadow:none;
}

.slicknav_menu .slicknav_icon-bar
{
    background-color: #203561;
}



#menu-header-navigation ul.sub-menu li:hover a, #menu-header-navigation ul.sub-menu li.current_page_item a
{

}




/*2nd-tier Header Sub-menus*/





/*Different Colours*/
#menu-header-navigation > li:first-child a, .slicknav_nav li
{
    color:#5ca3dc !important; 
    border-color:#5ca3dc;
}

#menu-header-navigation > li:first-child a:hover {
		background: #deecf8;
	}

#menu-header-navigation > li:nth-child(2) a, .slicknav_nav li:nth-child(2n)
{
    color:#863880 !important;
    border-color:#863880;
}

#menu-header-navigation > li:nth-child(2) a:hover {
		background: #e6d7e5;
	}


#menu-header-navigation > li:nth-child(3) a, .slicknav_nav li:nth-child(3n)
{
    color:#f79320 !important;
    border-color:#f79320;
}

#menu-header-navigation > li:nth-child(3) a:hover {
		background: #fde9d2;
	}

#menu-header-navigation > li:nth-child(4) a, .slicknav_nav li:nth-child(4n)
{
    color:#13566d !important;
    border-color:#13566d;
}

#menu-header-navigation > li:nth-child(4) a:hover {
		background: #cfdde1;
	}

#menu-header-navigation > li:nth-child(5) a, .slicknav_nav li:nth-child(5n)
{
    color:#b19aca !important;
    border-color:#b19aca;
}

#menu-header-navigation > li:nth-child(6) a, .slicknav_nav li:nth-child(6n)
{
    color:#6eaa43 !important;
    border-color:#6eaa43;
}

/*Mobile menu, hidden by default*/
#hdr-slicknav, .slicknav_menu {
    display:none;
    background-color:#002f69;
}


/*
=========================================================
7. Footer
=========================================================
*/

#ftr-wrap
{
    background-color: #203561;
    border-bottom:1px solid #FFF;
}

#footer
{
    padding-top: 50px;
    padding-bottom: 50px;
}

#ftr-nav
{
    float: left;
    margin-top: 20px;
}

#ftr-nav a
{
    color:#FFF;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0;
    margin-right: 40px;
}

#ftr-copyright 
{
    float: right;
    color:#FFF;
    font-weight: 600;
    text-align: right;
}

#ftr-copyright a
{
    color:#FFF;
    text-decoration: none;
}

#ftr-copyright a:hover
{
    text-decoration: underline;
}



/*
=========================================================
8. Sidebar
=========================================================
*/

#sidebar
{
    float: left;
    margin-left: 3.5%;
    width: 31.5%;
}


/*Widgets----------------------*/
#sidebar .widget
{
    margin-bottom: 17px;
    display: block;
    text-decoration: none;
}

#sidebar .widget h3
{
    background-color: #1f3567;
    text-transform: uppercase;
    color:#FFF;
    line-height: 27px;
    font-size: 16px;
    padding: 0 15px;
    margin-bottom: 2px;
}

#sidebar #entry-form-widget h3
{
    background-color: #f79320;
}

#sidebar #helpful-hints-widget h3
{
    background-color: #b19aca;
}

#sidebar #blog-widget h3
{
    background-color: #6caedf;
}


#sidebar #switch-widget h3
{
    background-color: #853880
}

#sidebar .widget .wbody
{
    background-color: #bdbeb6;
    padding: 8px 0;
    color:#626259;
    font-size: 14px;
    line-height: 16px;
}

#sidebar .widget .wbody .wicon
{
    float: left;
    width: 24.5%;
    text-align: center;
}

#sidebar .widget .wbody .wicon img
{

}

#sidebar .widget .wbody .wtext
{
    float: left;
    width: 75.5%;
    padding: 0 4px 0 8px;
}

/*only show first two facebook items from cff pluginn*/
#cff .cff-item:not(:nth-child(-n+2))
{
    display: none;
}


/*
=========================================================
9. Pages / Posts / Post Previews
=========================================================
*/

.post-preview
{
    border-bottom: 6px solid #F79320;
    margin-bottom: 40px;
    padding-bottom: 30px;
}

.post-preview .thumbnail img
{
    float: left;
    width: 29%;
}

.post-preview .pp-content-tn
{
    float: left;
    width: 68%;
    margin-left: 3%;
}

.post-preview .pp-content h2
{
    font-weight: 400;
    color:#002f69;
    margin-bottom: 0;
}

.post-preview .pp-content .post-date
{
    margin-bottom: 25px;
    color:#6baee0;
    font-weight: 600;
}

.post-preview .pp-content .pp-excerpt
{
    font-weight: 600;
}






/*
=========================================================
10. Per Page / Post Styling
   mainly colours
=========================================================
*/

/*Categories Page*/
.page-id-10 h1, .page-id-10 h2, .page-id-10 .post-content p
{
    color: #13566d;
}

.page-id-10 #ftr-wrap
{
    background-color: #203561;
}

/*Helpful Hints Page*/
.page-id-256 h1, .page-id-256 h2
{
    color: #b19aca;
}

.page-id-256 #ftr-wrap
{
    background-color: #203561;
}

/*About Page*/
.page-id-252 h1, .page-id-252 h2, .page-id-252 h3, .page-id-252 h4, .page-id-252 h5, .page-id-252 h6
{
    color: #203561;
}

.page-id-252 #ftr-wrap
{
    background-color: #203561;
}

/*Meet the Judges Page*/
.page-id-14 .post-content p
{
    color: #6baee0;
}

/*How to Enter Page*/
.page-id-254 h1, .page-id-254 h2, .page-id-254 h3, .page-id-254 h4, .page-id-254 h5, .page-id-254 h6
{
    color: #203561;
}

.page-id-254 #ftr-wrap
{
    background-color: #203561;
}

/*Contact Us Page & Thank you page*/
.page-id-258 h1, .page-id-258 h2, .page-id-258 h3, .page-id-258 h4, .page-id-258 h5, .page-id-258 h6,
.page-id-282 h1, .page-id-282 h2, .page-id-282 h3, .page-id-282 h4, .page-id-282 h5, .page-id-282 h6
{
    color: #203561;
}

 .page-id-258 .post-content p
 {
  /*  color: #203561;
    font-size: 26px;
    line-height: 30px; */
 }

.page-id-258 #ftr-wrap, .page-id-282 #ftr-wrap
{
    background-color: #203561;
}

.page-id-258 input[type='submit']
{
    background-color: #5CA3DC;
}

/*Peoples Choice Awards*/
.page-id-273 h1, .page-id-273 h2
{
    color: #203561;
}

.page-id-273 #ftr-wrap
{
    background-color: #203561;
}


/*
=========================================================
11. Frontpage
=========================================================
*/

#welcome-banner
{
    display: block;
    position: relative;
    height: 369px;
    width: 100%;
    background-color: #f2f2f0;
    text-align: center;
    overflow: hidden;
}

#welcome-banner #banner-img
{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#welcome-banner .overlay
{
    width: 670px;
    height: 369px;
    padding: 50px 100px;
    position: absolute;
    right: -100px;
    text-align: center;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+16,0.5+85,0+100 */
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 15%, rgba(0,0,0,0.75) 85%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(15%,rgba(0,0,0,0.75)), color-stop(85%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 15%,rgba(0,0,0,0.75) 85%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 15%,rgba(0,0,0,0.75) 85%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 15%,rgba(0,0,0,0.75) 85%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 15%,rgba(0,0,0,0.75) 85%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

#welcome-banner .overlay p
{
    color: #FFF;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 15px;
 /*   text-align: justify;*/
}

#welcome-banner .overlay .buttons a
{
    color: #FFF;
    text-decoration: none;
    display: inline-block;
    padding: 10px 20px;
    margin-right: 22px;
    margin-bottom: 10px;
    border: 0px solid #FFF;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    background-color: #df6cc5;
    border-radius: 0px;
}

#front-section-one
{
    padding-top: 30px;
    padding-bottom: 30px;
}

#front-section-one p#intro
{
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 700;
    color: #203561;
    line-height: 30px;
}

#front-section-two
{
    background-color: #e2eef8;
    padding-top: 35px;
    padding-bottom: 35px;
}

#front-section-two h2 
{
    color: #002f69;
    font-size: 24px;
    margin-bottom: 30px;
}

#front-section-two .key-date img
{
    display: block;
    margin-bottom: 35px;
}

#front-section-two .col:first-child .key-date
{
    margin-right: 14px;
}

#front-section-two .col:nth-child(2) .key-date, #front-section-two .col:nth-child(3) .key-date
{
    margin-left: 7px;
    margin-right: 7px;
}

#front-section-two .col:last-child .key-date
{
    margin-left: 14px;
}

#front-section-two .key-date h3
{
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 16px;
}

#front-section-two .key-date .date
{
    color: #002f69;
    font-size: 14px;
    margin-bottom: 25px;
    font-weight: 600;
}

#front-section-two .key-date .text
{
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.homeBox {
	margin-bottom: 40px;
}

#front-section-three
{
    padding-top: 40px;
    padding-bottom: 40px;

    }


#front-section-three .col:first-child
{
    padding-right: 25px;
}

#front-section-three .col:last-child
{
    padding-left: 25px;
}



#front-section-three img
{
    display: block;
/*    width: 100%; */
}

#front-section-three h3
{
 /*   font-size: 26px;
    line-height: 30px;
        background-color: #B19ACA;
    color:#FFF;
    padding: 18px 12px;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    height: 140px;
    */
}

#front-section-three buttontext
{
	   background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    z-index: 50;
    position: absolute;
    top:0; 
}

#front-section-three buttontext p
{
    font-size: 26px;
    line-height: 30px;
        background-color: #B19ACA;
    color:#FFF;
    padding: 18px 12px;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    height: 140px;
}

#front-section-three .video-image-holder
{
    height: 210px;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    padding-top: 0px;

 /*    background-color: #B19ACA; */
    
}

 #front-section-three a {
		display: block;
		background: #203561;
		height: 100%;
		text-align: center;
	}

#front-section-three a:hover {
		background: #5CA3DC;
	}

#front-section-three .video-image-holder img
{
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
 /*   background-color: #B19ACA; */
}

#front-section-three .video-image-holder .play-button
{
 /*    background-image:url('images/play-button.png');  */
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    z-index: 50;
    position: absolute;
    top: 180px;; 

}

#front-section-three .video-sub
{
    background-color: #203561;
    color:#FFF;
  padding: 18px 12px;
  height: 180px;
   /*   font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    height: 140px;
    */
}

#front-section-three .video-sub h3 {
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 16px;
}

.video-image-holder .play-button p {
	color: #fff;
font-weight: normal;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 16px;
    padding-top: 5px;
}


#front-section-three .video-sub p {
	font-size: 14px;
}

#front-section-four
{
    background-color: #E2E2E0;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}
/*
#front-section-four .col:first-child
{
    padding-right: 25px;
}

#front-section-four .col:last-child
{
    padding-left: 25px;
}
*/

#front-section-four .overlay {
 /*	position: absolute;
 	top: 35%; */
    padding: 10px;
    text-align: center;
}

#front-section-four #clockHolder {
 width: 100%;
 background: #e2e2e0;
/* padding: 20px;*/
border-radius: 15px;

}
 
#front-section-four #clockHolder h2 {
	text-align: center;
	margin-top: 15px;
	text-transform: uppercase;
}


#front-section-four #buttonholder {
 width: 100%;
/*    background: #000000; */
    margin-top: 15px;
  padding: 20px;
    position: relative;
/*    margin-left: 35%;
margin-right: 30%;*/
   text-align: center; 
    
}

#front-section-four #buttonholder #clockbuttons a
{
    color: #FFF;
    text-decoration: none;
    display: inline-block;
    padding: 10px 20px;
    border: 0px solid #FFF;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 32px;
    background-color: #df6cc5;
    border-radius: 0px;
/*    float: left;*/
    margin: 0 auto;
}



/*
#front-section-four .widget
{
    margin-bottom: 20px;
    overflow: hidden;
}

#front-section-four .col:first-child .widget
{
    margin-right: 30px;
}

#front-section-four .col:nth-child(2) .widget
{
    margin-left: 15px;
    margin-right: 15px;
}
*/
#front-section-four .col:last-child .widget
{
    margin-left: 30px;
}

/*
#front-section-four .widget h3
{
    background-color: #6caedf;
    color:#FFF;
    line-height: 40px;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 10px;
    font-size: 24px;
}

#front-section-four .blog-widget h3
{
    background-color: #1f3567;
}

#front-section-four .blog-widget h3 a 
{
    color: #FFF;
    text-decoration: none;
}

#front-section-four .blog-widget .blog-preview
{
    margin-bottom: 20px;
}

#front-section-four .blog-widget .blog-preview .date
{
    font-size: 17px;
    margin-bottom: 20px;
}

#front-section-four .blog-widget .blog-preview .date strong
{
    text-transform: uppercase;
    font-weight: 400;
}

#front-section-four .blog-widget .blog-preview h4
{
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color:#6c6c6c;
}

#front-section-four .blog-widget .blog-preview h4 a
{
    color:#3d3d3d;
}

#front-section-four .blog-widget a.more-blog
{
    display: block;
    text-align: right;
    color:#1f3567;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
}

#front-section-four .blog-widget a.more-blog:hover
{
    text-decoration: underline;
}

#front-section-four .widget h3 img
{
    position: relative;
    margin-right: 6px;
    top:5px;
}

#front-section-four .widget .cff-post-text
{
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color:#6c6c6c;
}

*/






#front-section-five
{
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 6px solid #7DC1E6;
}

#front-section-five .col:first-child
{
    padding-right: 25px;
}

#front-section-five .col:last-child
{
    padding-left: 25px;
  padding-right: 10px;
    text-align: right;
    float: right;
}

#front-section-five #hashtag
{
    width: 25%;
    float: left;
    padding: 14px 8px;
    color: #1F3567;
    
}

#front-section-five #hashtag a
{
    color:#1F3567;
}

#front-section-five .socialHome
{
    width: 75%;
    float: right;
 padding: 4px 45px;
}


.tweet
{
    margin-bottom: 20px;
}

.tweet .tweet-heading
{
    height: 48px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 48px;
}

.tweet .tweet-heading img
{
    float: left;
    margin-right: 10px;
}

.tweet .tweet-heading strong
{
    color:#444;
    font-size: 16px;
}

.tweet  .tweet-time
{
    text-align: right;
    font-size: 10px;
}

.tweet .tweet-body
{
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color:#6c6c6c;
}

.retweet-link
{
    font-size: 11px;
    text-decoration: none;
    float: left;
}

.retweet-link:hover
{
    text-decoration: underline;
}



/*
=========================================================
12. Categories Page
=========================================================
*/

.cat-disc-row
{
    margin-bottom: 55px;

}

.cat-disc-row .cat-disc
{
    cursor:pointer;
}

.cat-disc-row .cat-disc:not(:last-child)
{
    margin-right: 2%;
}

.cat-disc
{
    max-width: 23%;

}

.cat-disc:hover
{
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite; 
}

.cat-text-slider
{
    display: none;
    position: relative;
    background-color: #f2f2f0;
    padding: 24px 27px;
    margin-bottom: 40px;
    margin-top: -25px;
    margin-right: 38px;
}

.cat-text-slider img.speech-arrow
{
    position: absolute;
    top:-24px;
}

.cat-text
{
    display: none;
}

.cat-text p
{
    font-size: 16px;
}


/*
=========================================================
13. Helpful Hints Page
=========================================================
*/

#primary-school-downloads, #secondary-school-downloads
{
    width: 47%;
    position: relative;
    float: left;
    background-color: #f2f2f0;
    padding: 10px 0px 50px 0px
}

#primary-school-downloads
{
    margin-right: 6%;
}

#primary-school-downloads h2, #secondary-school-downloads h2
{
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
}


/*
=========================================================
14. Meet the Judges Page
=========================================================
*/

.judge-disc-row
{
    margin-bottom: 55px;
}

.judge-disc-row .judge-disc
{
    cursor:pointer;
    width: 31.33%;
}

.judge-disc-row .judge-disc:not(:last-child)
{
    margin-right: 3%;

}

.judge-disc:hover
{
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite; 
}

.judge-text-slider
{
    display: none;
    position: relative;
    background-color: #f2f2f0;
    padding: 24px 27px;
    margin-bottom: 40px;
    margin-top: -25px;
    margin-right: 38px;
}

.judge-text-slider img.speech-arrow
{
    position: absolute;
    top:-24px;
}

.judge-text
{
    display: none;
}

.judge-text h2
{
    color: #6baee0;
}

.judge-text p
{
    font-size: 16px;
}


/*
=========================================================
15. Contact Us Page
=========================================================
*/

.phone-numbers span
{
    font-size: 18px;
}

.phone-numbers span.label
{
    display: inline-block;
    font-weight: 700;
    width: 50px;
    color:#203561;
}


/*
=========================================================
16. Entry form
=========================================================
*/
.video-category
{
    background-color: #EEE;
    padding: 20px 20px 1px 20px;
    margin: 10px 0 20px 0;
}


/*
=========================================================
17. Peoples Choice Awards
=========================================================
*/

#voting-box
{
    background-color: #EEE;
    display: block;
    background-color: #02aab5;
    width:100%;
    height:100%;
    padding: 35px 25px;
    color:#FFF;
}

#voting-box .heading 
{
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 30px;
}

#voting-box .title
{
    font-size: 20px;
    margin-bottom: 30px;
}

#voting-box .title strong
{
    text-transform: uppercase;
    font-weight: normal;
}

#voting-box .category
{
    font-size: 20px;
    margin-bottom: 30px;
}

#voting-box input
{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 40px;
    color:#39888e;
    font-weight: 600;
    padding: 0 15px;
}

#voting-box input::-webkit-input-placeholder {
   color:#7ab7bb;
}

#voting-box input:-moz-placeholder { /* Firefox 18- */
   color:#7ab7bb; 
}

#voting-box input::-moz-placeholder {  /* Firefox 19+ */
   color:#7ab7bb;  
}

#voting-box input:-ms-input-placeholder {  
   color:#7ab7bb; 
}

#voting-box .btn 
{
    display: block;
    width:150px;
    border: 2px solid #FFF;
    color:#FFF;
    padding: 13px 0;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    line-height: 20px;s
}


/*
=========================================================
20. Plugin Customisation
=========================================================
*/


/*WP-Filebase
-------------------------------------------*/
.wpfilebase-file-bgesta
{
    width: 33.33%;
    height: auto;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor:pointer;
}

.wpfilebase-file-bgesta .icon
{
    position: relative;
    width: 80.1%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 10px;
}

.wpfilebase-file-bgesta .icon img 
{
    max-width: 100%;
}


.wpfilebase-file-bgesta .filetitle
{
    display: block;
    width: 80.1%;
    height:auto;
    margin: 0 auto;
    color:#6f6e69;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

.wpfilebase-file-bgesta .icon .overlay
{
    display: none;
    background-image:url("images/pdf-thumbnail-overlay.png");
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    z-index: 100;
}

.wpfilebase-file-bgesta:hover .icon .overlay
{
    display: block;
}


/*Multiple Select
-------------------------------------------*/
.ms-choice
{
    background-color: #dedfda !important;
    border: none;
    color: #989898;  
    width: 100%; 
    height: 32px;
    line-height: 32px;
    border-radius:0;
}

.ms-choice span
{
    font-size: 16px;
}

.ms-drop ul li label
{
    width: 100% !important;
    float: none !important;
}


/*
=========================================================
21. Responsiveness
    The full-width website is 1070px wide
=========================================================
*/

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

    /*Start by making the wrappers and containers 100% wide*/
    .wrap
    {
        min-width: 0;
    }

    .container
    {
        width: 100%;
    }

    /*Header optimisation*/
    #hdr-social-icons
    {
        top:58px;
        left: 630px;
    }

    img 
    {
        max-width: 100%;
    }

    .cat-text-slider, .judge-text-slider
    {
        margin-right: 0;
    }

    .cat-disc-row .cat-disc:not(:last-child)
    {
        margin-right: 1%;
    }

    #front-section-four .widget h3
    {
        font-size: 17px;
    }

}

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

    /*Header Navigation optimisation*/
    #menu-header-navigation > li > a
    {
        font-size: 18px;
        width: 130px;
    }

}

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

    /*Header optimisation*/
    #header
    {
        padding-bottom: 20px;
    }

    #hdr-bge-logo
    {
        display: block;
        float: none;
        margin: 0 auto 20px auto;
        position: relative;
        top: auto;
    }

    #hdr-sta-logo
    {
        display: block;
        margin: 0 auto;
    }

    #hdr-social-icons
    {
        right: 20px;


        left: auto;
    }

    /*Header Navigation optimisation - time for new mobile menu*/
    #hdr-nav-wrap, #ftr-nav
    {
        display: none;
    }

    .slicknav_menu
    {
        display: block;
    }

    #main-wrap
    {
        padding-top: 0;
    }

}


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

    /*General Page Layout optimisation*/
    #main, #sidebar
    {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0;
    }

    #sidebar .widget
    {
        width: 49%;
        display: inline-block;
    }

    #main
    {
        margin-bottom: 30px;
    }

    /*front page optimisation*/
    #front-section-three .video-sub
    {
        height: 220px;
    }

    #front-section-four .col .widget
    {
        margin: 0 !important;
    }

    #front-section-four .col
    {
        float: none;
        width: 100%;
    }

    #front-section-four .col
    {
        margin-bottom: 30px;
    }

    #front-section-two .col .key-date
    {
        padding-bottom: 20px;
    }

    #front-section-two .col:first-child .key-date, #front-section-two .col:nth-child(3) .key-date
    {
        margin-right: 7px;
        margin-left: 0;
    }

    #front-section-two .col:nth-child(2) .key-date,  #front-section-two .col:last-child .key-date
    {
        margin-left: 7px;
        margin-right: 0;
    }



}

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

    /*front page optimisation*/
    #welcome-banner .overlay
    {
        position: absolute;
        left: 50%;
        margin-left: -335px;
    }






}

@media screen and (max-width: 749px) {
	
	
	.cat-disc
{
    max-width: 48%;

}
	
	
    .form-group .clearfix label
    {
        float: none;
        width: 100%;
        padding-top: 4px;
        margin-bottom: 5px;
    }

    .form-group .clearfix .input-holder
    {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .alignright
    {
        float: none;
        display: block;
        width: auto;
        margin: 0 auto 20px auto;
        text-align: center;
    }

}

@media screen and (max-width: 699px) {
    #primary-school-downloads, #secondary-school-downloads
    {
        width: 100%;
        float: none;
    }

    #primary-school-downloads
    {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

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

    .wrap
    {
        padding-left: 10px;
        padding-right: 10px;
    }


    #sidebar .widget
    {
        width: 100%;
        display: block;
    }

    /*front page optimisation*/
    #front-section-three .video-sub
    {
        height: 180px;
    }


    #front-section-three .col:first-child
    {
        padding-right:0 !important;
    }

    #front-section-three .col:last-child
    {
        padding-left: 0 !important;
    }

     #front-section-four .col:first-child
    {
        padding-right:0 !important;
    }

    #front-section-four .col:last-child
    {
        padding-left: 0 !important;
    }
        
        #front-section-four #clockHolder {
    width: 100%;
    background: #e2e2e0;
    padding: 10px;
    border-radius: 15px;
}
        #front-section-four .overlay {
    position: relative;
    top: 35%;
}
    
    #front-section-two .col .key-date
    {
        padding-bottom: 20px;
    }

    #front-section-two .col .key-date
    {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /*front page optimisation*/
    #welcome-banner .overlay
    {
        width:100%;
        left:0;
        margin-left: 0;
        padding: 50px;
    }

    #welcome-banner .overlay p
    {
        font-size: 18px;
        line-height: 24px;
    }

}

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

   

    #welcome-banner .overlay p
    {
       
    }

    #welcome-banner .overlay .buttons a
    {
        padding: 5px 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        font-size: 16px;
    }
}


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

    /*Header optimisation*/
    #hdr-sta-logo
    {
        display: none;
    }

    #hdr-sta-logo-stacked
    {
        display: block;
        margin: 0 auto;
    }

    #hdr-bge-logo
    {
        display: block;
        float: none;
        margin: 0 0 20px 0;
        position: relative;
        top: auto;
    }

    #hdr-social-icons
    {
        right: 0px;
        top:50px;
        left: auto;
    }

     #welcome-banner .overlay
    {
        padding: 25px;
    }

    ul.tabbed-page-nav li
    {
        margin-bottom: 5px;
    }

    ul.tabbed-page-nav li a
    {
        padding: 9px 8px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        font-size: 18px;
        line-height: 18px;
        font-weight: 600;
    }



}

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

    .icon-btn span
    {
        font-size: 18px;
    }

    #welcome-banner .overlay p
    {
        font-size: 18px;
        line-height: 20px;
    }

}

.table-container {
	overflow-y: auto;
	_overflow: auto;
}

.table-container table {
  table-layout: fixed;
}
.table-container th,
.table-container td {
  width: 10em !important;
}

.table-container::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-container::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}


/*
=========================================================
21. page title and caption
=========================================================
*/
#page-title-wrap
{
    margin-bottom: 15px;
    background: #f2f2f0;
}

#page-title
{
    display: block;
    padding-top: 30px;
    padding-bottom: 5px;
    width:1030px;
    position: relative;
    background-image: url("https://www.bordgaisenergystudenttheatreawards.ie/wp-content/uploads/2016/09/tempheader2.jpg");
    	background-position: center; 
}
.page-caption{
       
 
    position: absolute;
    top: 31%;
    width: 100%;
    text-align: center;
    color: #fff;
   
    
    /* - the fullwidth version! */
	    
	    
            background: #333;
        background: rgba(106,171,224,0.7);
    padding: 40px 10px;
        
        font-size: 36px;
    font-weight: 700;
    position: absolute;
    top: 31%;
       text-align: center;
    color: #fff;
     line-height: 1;
    
    
    
    
    /* - the blue version!
	    
	      background: #333;
        background: rgba(106,171,224,0.7);
    padding: 40px 10px;
        
        font-size: 36px;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #ffffff;
    */
}
/*
.page-caption span {
		
		position: relative;
	 background: #333;
        background: rgba(106,171,224,0.7);
         padding: 30px 40px;
        
        font-size: 36px;
    font-weight: 700;
	}
*/





/* Maximum width of 600 pixels. */

@media screen and (max-width: 600px) {
.threeBoxCol {
	float: left;
	width: 100%;
 display: block !important;
}


	#front-section-three .video-image-holder
	{
		/*width: 300px; */
		float: none !important;
		position: relative;
		display:block;
		text-align: center;
		vertical-align: middle;
		padding-top: 10px;
		width: 100% !important;
		min-width: 300px;
		
	 /*    background-color: #B19ACA; */ 
		
	}
	
		

}

#sidebartitle
{
    width: 100%;
    text-align: center;
    color: #7DC1E6;
    font-size: 28px;
font-weight: 700;
line-height: 1.2;
        padding-bottom: 20px;
}

#sidebartitle .a
{
    width: 100%;
    text-align: center;
    color: #7DC1E6;
    font-size: 28px;
font-weight: 700;
line-height: 1.2;
        padding-bottom: 20px;
    text-decoration: none;
}


/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 0px solid #999999;
	display: table-cell;
	padding: 3px 10px;
    font-size: 12px;
    width: 50%;
text-align: left;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}