3/* CSS Document */

/* Reduce vertical gap between modules in content */
#rt-content-top, #rt-content-bottom {
    overflow: visible;
}

/*Responsive font size in showcase */
/* Smartphones */
@media (max-width: 480px) {     
    .faq .layout-slideshow .sprocket-features-title {
    font-size: 1.0em !important;
    }
	.layout-slideshow .readon {
    font-size: 0.5em !important;
	}
	.rt-grid-3 > .rt-omega {
	visibility: hidden !important;
	height: 0px !important;
	}
	.rt-grid-6 {
	visibility: hidden !important;
	height: 0px !important;
	}
	.rt-grid-10 {
	visibility: hidden !important;
	height: 0px !important;
	}
}

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { 
    .layout-slideshow .sprocket-features-title {
    font-size: 1.4em !important;
    }
	.layout-slideshow .readon {
    font-size: 0.5em !important;;
	}
		.rt-grid-3 > .rt-omega {
	visibility: hidden !important;
	height: 0px !important;
	}
	.rt-grid-6 {
	visibility: hidden !important;
	height: 0px !important;
	}
	.rt-grid-10 {
	visibility: hidden !important;
	height: 0px !important;
	}
}
 
/* Tablets */
@media (min-width: 768px) and (max-width: 979px) { 
    .layout-slideshow .sprocket-features-title {
    font-size: 1.8em !important;
    }
	.layout-slideshow .readon {
    font-size: 0.7em !important;;
	}
}
 
/* Desktop */
@media (min-width: 980px) and (max-width: 1199px) { 
    .layout-slideshow .sprocket-features-title {
    font-size: 2.1em !important;
    }
	.layout-slideshow .readon {
    font-size: 0.9em !important;;
	}
}
 
/* Large Display */
@media (min-width: 1200px) {     
    .layout-slideshow .sprocket-features-title {
    font-size: 2.5em !important;
    }
	.layout-slideshow .readon {
    font-size: 1em !important;;
	}
}

/* Responsive wrapper for embedded google slides */
.google-slides-container{
    position: relative;
    width: 100%;
    padding-top: 63%;
    overflow: hidden;
}

.google-slides-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Disable Title link in RSS Newsfeeds
	h2 .redirect-ltr {
    font-size: 140%;
    line-height: 140%;
	pointer-events: none;
	cursor: default;
} */

/* Highlight Summer Mailing button on main menu */
	
	.summer_mailing .icon-info-sign {
	color: #a38302;
	}
	
	.summer_mailing .menu-item-bg {
	color: #ffcc00;
	background-color: #eec003;
	}
	
/* Alert button on main menu */
	
	.alert_button .icon-info-sign {
	color: #ffffff;
	}
	
	.alert_button .menu-item-bg {
	color: #2f3237;
	background-color: #75a237;
	}
	
/* Remove read-more button from sixth form showcase module */
	.sixth_no_readmore {
	padding: 0px !important;
	z-index: 1000;
	}
	.sixth_no_readmore .sprocket-features-content .readon {
	display: none !important;
	}
	.sixth_no_readmore .sprocket-readmore.readmore {
	display: none !important;
	}
	.sixth_no_readmore .layout-slideshow .sprocket-features-desc {
	margin-top: 0px !important;
	line-height: 15px !important;
	}
	.sixth_no_readmore .layout-slideshow .sprocket-features-content {
	padding: 5px !important;
	bottom: 0px;
	left: 0px;
	width: initial
	}

/* Remove features description panel from sixth form showcase module
	.sixth_no_readmore .layout-slideshow .sprocket-features-desc {
	display: none !important;
	}
	.sixth_no_readmore .sprocket-features-desc {
	display: none !important;
	}
	.sixth_no_readmore div.sprocket-features-content {
	display: none !important;
	} */

/* Responsive Panel Menu text colour */
.layout-mode-responsive .gf-menu-device-container .gf-menu .menu-item-bg {
color: #333;
}

/* TopSL tabs */
.fp-roksprocket-tabs-showcase {
	padding: 0px !important;
}

.sprocket-tabs-panels {
	background: #FEEB9C !important;
}

/* Header Search Module */
	.header_search {
	padding: 0px !important;
	background: #ffffff;
	}

/* Random Header Image */
	.random_header {
	padding: 0px !important;
	}

/*Site Header Logo Padding */
	.rt-logo-block {
	padding: 0px;
	border-bottom: 2px solid transparent;
}

/* #rt-header .rt-grid-3 {
	height: 66px;
}

.rt-grid-6 {
	height: 66px;
}

.rt-grid-10 {
	height: 66px;
} */
/* Show Written By */
.createdby span {
	display: inline;
}

/*DPCalendar upcoming module date digits align
.dp-upcoming-text-month {
    margin-bottom: -12px !important;
    margin-top: -18px !important;
} */

/* Remove bottom border from Gantry dropdown menu */
.menu-block {
	border-bottom: 0px;
}

/* Reduce Horizontal padding in header menu */
.gf-menu.l1 > li > .item {
	padding: 0px 5px 0px 0px; /* was 0px 10px 0px 0px */
	border-right: 1px solid #666666;
}

.gf-menu {
	padding: 0px 0px 0px 10px;
}

.gf-menu li.parent > .item .menu-item-bg {
	padding: 5px 30px 5px 15px;
}

.gf-menu li.parent > .item:after {
/* position: absolute; */
right: 18px;
/* top: 50%;
margin-top: -17px;
font-family: FontAwesome;
content: "\f107";
font-size: 18px;
opacity: 0.8; */
}

/* Set Main menu drop-down background colour */
.gf-menu .dropdown {
	background: #2f3237;
	border: 0px;
	z-index: 1000000;
}

.gf-menu li:hover > .dropdown, .gf-menu li.active:hover > .dropdown {
	left: 0;
	top: auto;
	opacity: 0.9;
}

/* Reduce padding above and below default social buttons */
.rt-social-buttons.rt-block {
	padding: 0px 25px 0px 25px;
/*	font-size:x-small */
}
/* Hide Read on button in Mosaic
.sprocket-readmore {
	visibility: hidden;
	display: none;
} */

.roksprocket-ellipsis {
	display: none;
}

/* reduce margins above roksprocet mosaic module */
.sprocket-mosaic .sprocket-mosaic-header {
	margin-bottom: 0px !important;
}

/* reduce margins above roksprocet strips module */
.sprocket-strips-content {
	z-index: 10;
	padding-top: 0px !important;
}

/* Front page sprocket mosaic layout for latest news */
.fp_latest_news .sprocket-mosaic-item {
	background-color: rgba(255,255,255,1);
	border:1px solid #fff; /* #ccc if shadow-box removed */
	padding:0px 10px 0px 10px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}

/* Front page sprocket strips layout for topsl */
.fp_topsl .sprocket-strips-item {
    background-color: rgba(255,255,255,1.00);
    border: 1px solid rgba(0,0,0,1.00);
    padding: 0px 10px 0px 10px;
    font-size: 0.8em;
    height: 342px;
}

/* Curriculum overview sprocket strips layout */
.curric .sprocket-strips-item {
	background-color:rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	padding:0px 10px 0px 10px;
	font-size:1.0em;
	height: auto;
}

/* reduce padding below roksprocet mosaic item */
.sprocket-mosaic .sprocket-padding {
	padding: 0px 0px 0px 0px !important;
}

/* Sixth Form Life sprocket mosaic layout */
.sprocket-mosaic-item {
	background-color: rgba(255,255,255,1);
	border:1px solid #fff; /* #ccc if shadow-box removed */
	padding:0px 10px 0px 10px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}

/* Class to hide mainbody position */
.nomain #rt-main {
    display: none;
}

/* Class to force black text in main position (used by DPCalendar)
.black-font #rt-main {
	color: #000000;
} */

/* Force text and bg colour in main position */
#rt-main {
	color: #000000;
  	background-color: #ffffff !important;
}
/* Force bg colour of sidebar-a */
#rt-sidebar-a {
  	background-color: #f6f7f8 !important;
}

/* gantry menu background colour */
.menu-block {
	background-color: #2F3237;
}

/* Remove padding from top of page surround */
#rt-page-surround {
	padding: 0 0 35px 0;
}

/* Eggstrvaganza Quiz page */
.egg_no_border .rt-block {
    margin: 0 !important;
    padding: 0 !important;
  	background-color: #ffffff;
}

/* Footer formatting */
#rt-footer .rt-container {
    color: #8F8F8F;
    background-color: #38383800;
}
/* Force showcase background colour to #F8E108 */
#rt-showcase .rt-container {
    color: #7D6A1E;
    background-color: #F8E108;
}
/* Remove 35px padding from bottom of page surround
#rt-page-surround {
    margin: 0 0 0 0;
} */

/* header logo fix width for dynamic resizing of logo background
#rt-top .rt-container .rt-alpha .rt-block, #header-link, #header-logo {height: 66px;}
span#header-logo {
    display: block;
    background: url(/images/stories/DCGS_Boars_Head_transbg_200x66px_png8.png) no-repeat center center;
    background-size: 100%;
    background-origin: content;
} */

/* Phone menu background
.gf-menu-device-container gf.menu .gf-menu.l1 li.active.last {
	background-color: #4e4e4e !important;
} */

/* FAQ list - vertical spacing */ 
.faq .sprocket-lists-portrait-title {
    font-size: 14px; !important;
 	padding-bottom: 0px; !important;
    margin: 2px 0; !important;
}