/* ================================================================================================================================================================================================ */
/* DEVICES WITH SCREEN WIDTH OF 1024 PIXELS OR MORE */
/* ================================================================================================================================================================================================ */

@media (min-width: 1024px) {

#search_drop_down {
/*min-height: 3000px;
padding-top: 200px;
position: fixed;
z-index: 99999999;*/
}

#search_container {
float: right;
width: 50%;
}

#search_drop_down input[type="text"] {

}

body {
font-size: 90%;
}

.lead_in {
font-size: 175%;
}


#content {
background: #fff;
margin: 0 auto;
margin-top: 0;
padding: 0;
width: 100%;
}

#left_column {
/*background: green;*/
/*display: block;*/
/*float: left;*/
/*padding: 3% 1% 2% 5%;*/
display: table-cell;
vertical-align: top;
width: 25%;
}

#center_column {
/*padding: 3% 0 0 1%;*/
display: table-cell;
vertical-align: top;
width: 75%;
}

#right_column {
/*padding: 0 5% 0 5%;*/
caption-side: bottom;
display: table-caption;
vertical-align: top;
padding-left: 25%;
width: 75%;
}

#left_column .box {
/*box-shadow: none;*/
background: #fff;
padding: 20px;
}

#center_column .box {
padding: 20px;
}

#post {
padding: 3%;
}



.breakout {
float: left;
margin: 0 20px 20px 0;
padding: 20px;
width: 40%;
}


.two_column {
width: 47%;
}

.first {
margin-right: 6%;
}


.program {
overflow: hidden;
}

.program_description {
float: left;
width: 60%;
}

.program_description h3 {
}

.program_description p {

}

.program_buttons {
float: right;
width: 40%;
}

button {
/*float: right;*/
/*margin-left: 15px;*/
/*margin-right: 0;
margin-top: 10px;
margin-bottom: 10px;*/
}

button:last-child {
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}















.square {
background: #900;
color: #fff;
    float:left;
    position: relative;
    width: 30%;
    padding-bottom : 30%; /* = width for a 1:1 aspect ratio */
    margin:1.66%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
}

.square_content {
font-size: 90%;
text-align: center;
    position:absolute;
    height:80%; /* = 100% - 2*10% padding */
    width:80%; /* = 100% - 2*5% padding */
    padding: 10% 10%;
}

.square_content h3 {
font-size:300%;
margin: 0;
padding: 0;
}







.two_column_left {
float: left;
margin-right: 8%;
width: 46%;
}

.two_column_right {
float: left;
width: 46%;
}



.nav > li:hover > a {
background-color: #000;
}








.degree {

float: left;
margin: 0 0 20px -3%;
height: 300px;
overflow: hidden;
width: 106%;
}

.degree_inner {
background: #900;
height: 300px;
padding: 25px;
overflow: hidden;
width: 30%;
}

.degree_inner h2 {
font-size: 100%; border-bottom: none; color: #fff; margin: 0;
}

#left_column h2, #right_column h2 {
font-size: 160%;
}

.degree_inner p {
	display: block;
color: #fff; font-size: 85%; line-height: 1.5em;
}

.degree_inner a {
color: #fff;
}





#secondary_menu {
display: block;
font-size: 80%;
/*font-weight: bold;*/
height: 35px;
line-height: 3.25;
margin: 0 auto;
/*text-transform: uppercase;*/
width: 100%;
background: #850000;
overflow: hidden;
}

#secondary_menu ul {
float: right;
list-style: none;
margin: 0;
padding: 0;
padding-right: 5%;
}

#secondary_menu ul li {
float: left;
line-height: 3em;
padding-right: 30px;
}

#secondary_menu ul li:last-child {
padding-right: 0;
}

#secondary_menu ul li a {
color: #fff;
text-decoration: none;
}



#header {
background: #900;
display: block;
height: 120px;
margin: 0 auto;
overflow: hidden;
width: 90%;
padding: 0 5% 0 5%;
max-width: 1720px;
}

#mobile_menu {
/*display: none;*/
}

#header_fill {
display: block;
background: #900;
}

#header img {
margin-top: 20px;
}

#header_image {
/*display: block;*/
}



#header_image img {
width: 100%;
}


.active_menu {
background: #900;
}

.active_menu a {
color: #fff;
}

.active_submenu {
background: #9C9C9C;
}

.active_submenu a {
color: #fff;
}


#left_column ul {
list-style: none;
padding: 0;
}



#footer ul {
display: block;
}

#submenu2 {
display: none;
/*margin-top: 25px;
margin-left: 5%;
width: 90%;*/
}

.menu li {
border-right: 10px solid transparent;
border-bottom: 1px solid #e3e3e3;
/*border-left: 5px solid #9C9C9C;*/
/*height: 34px*/
}

.mymenu:nth-child(even) {
/*background: #f0f0f0*/
}



.menu li {
/*border-bottom: 1px solid ##e3e3e3; border-left: 5px solid ##e3e3e3;*/
}

.sub {
font-size: 85%;
/*border-left: 30px solid #e3e3e3!important;*/
border: 0!important;
border-bottom: 1px solid #e3e3e3!important;
/*text-align: right;*/
}


.sub {
/*border-left: 30px solid #e3e3e3!important;*/
}

.sub a {
padding-left: 20px!important;
padding-right: 15px!important;
/*padding-left: 15px!important;*/
}


/* MENU INDENT
style="border-bottom: 1px solid ##e3e3e3; border-left: 30px solid ##e3e3e3;"
*/


.menu li:hover {
background: #900;
border-right: 10px solid transparent;
}

.menu li a:hover {
color: #fff;
}

.sub li a:hover {
color: #000;
}

.menu li a {
display: block;
margin-left: 10px;
padding: 5px 0 5px 0;
text-decoration: none;
line-height: 1.5em;
font-size: 95%;
}

.caption_left {
display: table; float: left; margin-right: 20px; margin-bottom: 20px;
}

.caption_right {
display: table; float: right; margin-left: 20px; margin-bottom: 20px;
}

.caption_left img, .caption_right img {
display: block;
}

.caption_left p, .caption_right p {
display: table-caption;
caption-side: bottom;
/*margin-top: 20px;*/
font-size: 85%; border-left: 1px solid #900;
padding-left: 20px;
padding-right: 20px;
background: #e3e3e3;
padding-top: 10px;
padding-bottom: 10px;
margin: 0;
}











/* =================================================================================================================================================================================== */
/* MENU */
/* =================================================================================================================================================================================== */

#mobile_menu {
	display: none;
}

#primary_menu_fill {
background: #000;
display: block;
}


#newmega {
display: block;
}

#hamburger {
/*	display: none;*/
}

.menuitem {
/*	display: block;*/
}
.menuitem a {
color: #fff;
}

.menuitem:hover {
background: #333333;
}

/* mini reset */
.nav,
.nav a,
.nav form,
.nav input,
.nav li,
.nav ul {
  border: none;
  margin: 0;
  padding: 0;
}
.nav a {
  text-decoration: none;
}
.nav li {
  list-style: none;
}

/* menu container */
.nav,
input {
/*  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;*/
}
.nav {
  cursor: default;
  display: inline-block;
  position: relative;
  z-index: 500;
  height: 55px;
}

.nav ul {
/*	min-width: 1260px;*/
}

/* menu list */
.nav > li {
  height: 55px;
  float: left;
}

/* menu links */
.nav > li > a {
  height: 55px;
/*  background: #372f2b;
  border-left: 1px solid #4b4441;
  border-right: 1px solid #312a27;*/




  color: #fff;
  display: block;
font-size: 110%;
/*  font-weight: bold;*/
  line-height: 54px;
  padding: 0 20px;
  position: relative;
/*  text-shadow: 0 0 1px rgba(0,0,0,.35);*/
text-decoration: none;
  transition: all 0s ease;
  z-index: 510;
/*font-weight: bold;*/
padding-left: 30px;
padding-right: 30px;


}
.nav > li > a:focus,
.nav > li:hover > a {
/*  background: #4b4441;*/
}
.nav > li:first-child > a {
/*  border-left: none;
  border-radius: 3px 0 0 3px;*/
}



/* search form */
.nav-search > form {
/*  border-left: 1px solid #4b4441;
  height: 54px;
  position: relative;
  width: inherit;
  z-index: 510;*/
}
.nav-search input[type="text"] {
/*  background: #372f2b;
  color: #999;
  display: block;
  float: left;
  font-weight: bold;
  line-height: 24px;
  padding: 15px 0;
  text-shadow: 0 0 1px rgba(0,0,0,.35);
  transition: all .3s ease 1s;
  width: 0;*/
}
.nav-search input[type="text"]:focus {
/*  color: #fcfcfc;*/
}
.nav-search input[type="text"]:focus,
.nav-search:hover input[type="text"] {
/*  padding: 15px 20px;
  transition: all .3s ease .1s;
  width: 110px;*/
}
.nav-search input[type="submit"] {
 /*  background: #372f2b url(../img/search-icon.png) no-repeat center center; IE8 fallback */
/*  background: #372f2b url(../img/search-icon.svg) no-repeat center center;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  display: block;
  float: left;
  height: 54px;
  padding: 0 25px;
  transition: all .3s ease;*/
}
.nav-search input:focus,
.nav-search input[type="submit"]:hover {
/*  background-color: #4b4441;*/
}

/* menu dropdown */
.mega-menu {
border-top: 15px solid #333333;
/*  background: #171717;*/
/*  border: 1px solid #ddd;
  border-radius: 0 0 3px 3px;*/
  opacity: 1;
  position: absolute;
  transition: all 0s ease 0s;
  display: none;
  width: 100%;
  height: 435px;

	position: absolute;
	background: #000;
	text-align: left;
	top: 55px;
	left: -1px;
	z-index: 99;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;


}
li:hover > .mega-menu {
/*  opacity: 1;
  overflow: hidden;
  display: block;*/
}

/* menu content */
.nav-column {

  float: left;
  padding: 2%;
  width: 46%;
}

.nav-column:last-child {
/*float: left;
padding: 2%;
width: 37%;*/
}

.nav-column a {
  color: #fff;
  display: block;
  padding-left: 25px;
/*  font-weight: bold;
  line-height: 26px;*/
}
.nav-column a:hover {
/*  color: #ff722b;*/
  color: #fff;
background-color: #4D4D4D;
  text-decoration: none;
}
h3 {
/*  color: #372f2b;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin: 20px 0 10px;
  text-transform: uppercase;*/
}
.orange {
/*  color: #ff722b;*/
}

.nav-column ul {
	width: auto;
}

.nav-column li {
/*background: red;*/
/*background: url('https://www.sudocrem.co.uk/themes/sudocrem/assets/source/images/general/small-down-arrow.png') no-repeat;
background-position: right 10px center;*/
background: url(/assets/images/right-arrow.png) no-repeat;
    background-position: 5px 7px;
line-height: 2.5;
border-bottom: 1px solid #4D4D4D;
font-size: 90%;
}

.nav-colum li a {
	color: #fff;
/*	height: 30px;*/
}

















}