@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

.spu-content input, #exampleModal1 input-family: "proxima-nova",sans-serif;

*************************************************/
/*****
POP UP CSS
******/
.spu-content label, #exampleModal1 label {
    display: none !important;
}
.spu-content input, #exampleModal1 input {
    font-size: 20px !important;
    padding: .5rem 10px !important;
    line-height: 30px !important;
    margin: 0px !important;
}

.spu-content #field_7_4 label.gfield_label, .spu-content #field_7_5 label.gfield_label, #exampleModal1 #field_7_4 label.gfield_label, #exampleModal1 #field_7_5 label.gfield_label {
    display: block !important;
    color: #76c255;
    margin-top: 16px;
}
.spu-content #field_7_4 label, #exampleModal1 #field_7_4 label{
    display: block !important;
    color: #76c255 !important;
}
li.gchoice_7_4_1, li.gchoice_7_4_2 {
    width: 100px !important;
    float: left;
}
.spu-content .gform_body li.gfield .ginput_container_time label, .spu-content .gform_body li.gfield .ginput_container_time i, #exampleModal1 .gform_body li.gfield .ginput_container_time label, #exampleModal1 .spu-content .gform_body li.gfield .ginput_container_time i{
    display: none !important;
}
.spu-content input#gform_submit_button_7, #exampleModal1 input#gform_submit_button_7 {
    padding: .75rem 2rem !important;
    margin: 0 !important;
    background: #142e54;
    color: #fff;
}
.spu-content .gform_wrapper ul li.gfield, #exampleModal1 .gform_wrapper ul li.gfield{
    margin-top: 0px !important;
    padding-top: 0;
}
.spu-content select#input_7_5_3, #exampleModal1 select#input_7_5_3{
    padding: 9px;
    height: 50px;
    margin: 0px !important;
}
.spu-content textarea#input_7_6, #exampleModal1 textarea#input_7_6{
    margin: 0px !important;
}
.spu-content .gform_wrapper .gform_footer, #exampleModal1 .gform_wrapper .gform_footer{
    padding: 0px 0 10px !important;
}
.spu-content div#gform_wrapper_7, #exampleModal1 div#gform_wrapper_7{
    margin: 0px !important;
}
.spu-content h2, #exampleModal1 h2{
    font: 700 3em 'Proxima-Nova',sans-serif !important;
    margin-bottom: 0px;
}
#exampleModal1 h2, #exampleModal1 p{
color:#76c255 !important
}


#gform_wrapper_7 #field_7_5 .clear-multi [type="text"] {
    display: inline-block !important;
}



.spu-content .gform_body .gfield .ginput_container input[type="text"] ::-webkit-input-placeholder, .spu-content .gform_body .gfield .ginput_container textarea::-webkit-input-placeholder, #exampleModal1 .gform_body .gfield .ginput_container input[type="text"]::-webkit-input-placeholder, #exampleModal1 .gform_body .gfield .ginput_container textarea::-webkit-input-placeholder{
   color: #000 !important;
   
}

.spu-content .gform_body .gfield .ginput_container input[type="text"]:-moz-placeholder, .spu-content .gform_body .gfield .ginput_container textarea:-moz-placeholder, #exampleModal1 .gform_body .gfield .ginput_container input[type="text"]:-moz-placeholder, #exampleModal1 .gform_body .gfield .ginput_container textarea:-moz-placeholder{ 
   color: #000 !important; 
   
}

.spu-content .gform_body .gfield .ginput_container input[type="text"]::-moz-placeholder, .spu-content .gform_body .gfield .ginput_container textarea::-moz-placeholder, #exampleModal1 .gform_body .gfield .ginput_container input[type="text"]::-moz-placeholder, #exampleModal1 .gform_body .gfield .ginput_container textarea::-moz-placeholder{ 
   color: #000 !important; 
    
}

.spu-content .gform_body .gfield .ginput_container input[type="text"]:-ms-input-placeholder, .spu-content .gform_body .gfield .ginput_container textarea:-ms-input-placeholder, #exampleModal1 .gform_body .gfield .ginput_container input[type="text"]:-ms-input-placeholder, #exampleModal1 .gform_body .gfield .ginput_container textarea:-ms-input-placeholder{  
   color: #000 !important; 
   
}


div#gform_wrapper_1 li#field_1_7 select#input_1_7 {
    width: 100%;
    background-color: #f4f4f4;
    border: none;
    padding: 0 1em;
    color: #a9a9a9;
    font-weight: 500;
}

div#gform_wrapper_4 li#field_4_7 select#input_4_7 {
    padding: 0 1em;
    border-color: #8A888A;
}

input#gform_submit_button_4 {
    background-color: #6FBF4A;
}

div.pop-up-open-button {
    position: fixed;
    bottom: 0;
    text-align: left;
    width: 250px;
    padding: 9px 12px 7px;
    background: #c4da5b;
    right: 20px;
    z-index: 1000;
    border-radius: 5px 5px 0 0 !important;
}
div.pop-up-open-button a {
	z-index: 1000;
	display: inline;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-align: left;
}
div.pop-up-open-button .fa { 
	float: right;
	padding: 7px 10px;
	color: #fff;
	font-size: 20px;
}
div#exampleModal1 {
    border: 5px solid #142e54;
    border-radius: 6px;
    padding: 18px 20px;
    text-align: center;
}

/*********************
GENERAL STYLES
*********************/

h1, h2, h3, h4, h5, h6, p, li, td, span {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);
  zoom: 1;
}
@media only screen and (max-width: 768px) {
    .flex-video embed, .flex-video iframe, .flex-video object, .flex-video video {
        width: 100%;
    }
}

#main .flex-video {
    float: left;
    margin-right: 43px;
    margin-bottom: 29px;
}

.stack td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 6.5em;
  display: inline-block;
}
@media (min-width: 1023px) {
  .stack td:before {
    display: none;
  }
}

#inner-footer ul li a {
    padding-bottom: 0px; }

#inner-footer ul li a {
    padding-left: 0px; }

#inner-footer ul li {
    display: block; }

.error404 #diversitat-page-header {
    display: none; }

.error404 article#content-not-found {
    margin-top: 8em;
}

/*menu fix*/
.dropdown.menu.vertical>li.opens-right .is-dropdown-submenu,
ul.menu.submenu.is-dropdown-submenu.vertical {
    right: 100%;
    left: auto;
}

ul.menu.submenu.is-dropdown-submenu.vertical {
    right: 100%;
    left: auto;
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-294.is-dropdown-submenu-parent.opens-right ul.menu.submenu.is-dropdown-submenu.first-sub.vertical {
    right: 0%;
}

ul.menu.submenu.is-dropdown-submenu.first-sub.vertical {
    right: -100%;
    left: auto;
}

i.show-for-small-only.fa.fa-bars {
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    border: 1px solid #BDBDBD;
    padding: 7px 10px;
    border-radius: 2px;
}

i.show-for-small-only.fa.fa-bars:hover {
    background: #142F54;
    color: #fff;
    border-radius: 2px;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after {
    border-color: transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent #2199e8 transparent transparent;
    border-left-style: solid;
    border-left-width: 0;
    position: relative;
    left: -5px;
}

.reveal-overlay {
    z-index: 1000;
}

.off-canvas {
    background: #132E54; }

.off-canvas a {
    color: #fff;
    font-weight: 600; }

li.footer-email a:before {
    background: #fff!important;
    margin-right: 0px !important;
    width: 0px !important; }

.row.sub-contact:last-child {
    border-bottom: 0px;
    margin-bottom: 0em; }

.row.sub-contact {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 2em;
    margin-bottom: 3em; }

h2.course-item-title {
    font-size: 1.5em;
    font-weight: 600; }

ul.course-item-list li a {
    background-color: transparent;
    color: #142E54; }

ul.course-item-list li {
    padding-bottom: 6px; }

ul.course-item-list {
    list-style-type: none; }

.slider-inner-content p a {
    color: #fff !important;
    font-weight: 600;
    text-decoration: underline; }

ul.course-item-list li:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent transparent transparent #6FBF4A;
    border-left-style: solid; }

ul.course-item-list li {
    padding-bottom: 6px;
    padding-left: 1em; }

table.stack {
    width: 100%; }

.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: 16px;
    font-weight: 500;
    color: #2199e8; }

h4.widgettitle {
    color: #152F54;
    font-weight: 500; }

#sidebar1 .widget_nav_menu {
    background: #fafafa;
    padding: 1.5em 2em; }

#sidebar1 {
    box-sizing: border-box;
    max-width: 31%; }

#sidebar1 ul li a {
    padding-left: 2px !important; }

#sidebar1 ul li a:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    padding-left: 7px; }

#sidebar1 ul li {
    display: block; }

button.show-for-small-only.menu-icon {
    float: right;
    position: absolute;
    right: 16px;
    top: 26px; }

.menu-icon::after {
    background: #000;
    box-shadow: 0 7px 0 #000,0 14px 0 #000; }
.cont-email a {
    color: #0a0a0a;
}
.main-contact span,
.sub-contact span {
    display: block;
    padding-bottom: 12px; }

.page-id-287 #content i.fa {
    color: #6FBF4A;
    padding-right: 10px; }

span.cont-location:after, h1.cont-location:after {
    height: 4px;
    background: #79C659;
    width: 41px;
    display: block;
    content: '';
    margin-bottom: 14px;
    margin-top: 2px; }

span.cont-location, h1.cont-location {
	padding-top: 10px;
	font-size: 22px !important;
	font-weight: 600 !important;
	padding-bottom: 10px;
	display: block;
	margin-bottom: 0px !important;
}
.row.main-contact {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 3em;
    margin-bottom: 3em; }

span.course-archive-item:before {
    content: "\f04b";
    font-family: FontAwesome;
    color: #6FBF4A;
    font-size: 12px;
    padding-right: 8px;
    position: relative;
    top: -1px; }

span.course-archive-item a {
    color: #002D55;
    padding-bottom: 12px;
    display: inline-block;
}

ul.courses-archive {
    list-style-type: none;
}

.home header.header:after {
    bottom: -64px;
    z-index: 1; }

a.ql-button {
    border: 2px solid #fff;
    padding: 6px 15px;
    display: inline-block;
    color: #fff;
    font-weight: 600; }

a.slide-button {
    border: 2px solid #fff;
    padding: 13px 32px;
    font-weight: 700;
    color: #fff;
    font-size: 17px;
    font-family: 'Proxima-Nova', sans-serif;
    text-transform: uppercase;
    margin-top: 0.5em;
    display: inline-block; }

a.slide-button:hover {
    background: #fff;
    color: #324E6B; }

#slider-quicklinks {
    background: rgba(20, 47, 84, 0.9);
    padding: 2em; }

#slider-quicklinks h4 {
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px; }

#slider-quicklinks p {
    color: #fff;
    line-height: 1.1em;
    font-weight: 600;
    font-size: 15px; }    

.fluid-row {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }

.entry-content ul li {
    margin-bottom: 12px; }

#inner-footer ul li a:before {
    content: '';
    width: 3px;
    height: 11px;
    display: inline-block;
    background: #71BF4D;
    margin-right: 6px; }

header.header:after {
    bottom: -34px;
    content: "";
    background: white;
    height: 180px;
    transform: skewY(-1.7deg);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
    display: block; }

.single header.header:after {
    bottom: -64px; }

.archive #diversitat-page-header {
    display: none; }

.archive #inner-content #main header h1, .archive #inner-content #main header h2 {
    display: none; }

#diversitat-archive-header header {
    padding: 7em 0em 2em; }

#diversitat-archive-header header h1,
#diversitat-archive-header header .taxonomy-description {
    color: #fff; }

#diversitat-archive-header header h1 {
    margin-bottom: 0em; }

header.header {
    padding-bottom: .5em;
    position: relative;
}

#diversitat-archive-header {
    margin-bottom: 2em; }

.reveal {
    z-index: 2000 !important; }

header.article-header h3.title a {
    color: #142f54;
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin-top: 10px;
    margin-bottom: 6px;
    font-family: 'Proxima-Nova', sans-serif; }

.archive-grid .columns.panel {
    margin-bottom: 50px; }

#diversitat-course-archive-image {
    height: 100px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat; }


body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Proxima-Nova', sans-serif;
    font-weight: 400; }

.nights-circle {
    background: #182D53;
    color: #fff;
    border-radius: 100px;
    display: inline-block;
    height: 55px;
    width: 55px;
    font: 600 23px 'Proxima-Nova', sans-serif;
    text-align: center;
    padding: 12px 0px; }

span.course-options {
    padding-right: 16px; }

#course-enrol-bar .large-6 {
    padding-top: 13px;
    text-align: right; }

#inclass {
    background: #182d53;
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 100px;
    position: relative;
    top: 4px;
    margin-right: 8px; }

#offcampus {
    background: #6fbf4a;
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 100px;
    position: relative;
    top: 4px;
    margin-right: 8px; }

#atwork {
    background: #00a8ff;
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 100px;
    position: relative;
    top: 4px;
    margin-right: 8px; }



#related-post a {
    color: #182D53;
    font: 500 16px 'Proxima-Nova', sans-serif;
    padding-top: 10px;
    padding-bottom: 20px;
    display: block; }

#related-courses span {
    font: 600 16px 'Proxima-Nova', sans-serif; }

#related-courses span i.fa {
    padding-right: 10px; }

#single-course-main-content {
    margin-bottom: 4em; }

.gform_wrapper {
    overflow: inherit;
    margin: 1em 0;
    max-width: 100% !important; }

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html {
    max-width: 100% !important; }    

.gfield_description.validation_message {
    text-indent: 18px;
    font: 600 15px 'Proxima-Nova', sans-serif !important; }

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html {
    max-width: 100% !important; }

.gform_wrapper li.gfield.gfield_error, 
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: none !important;
    margin-bottom: 0em!important;
    padding: 0 !important;
    border-top: 0px !important;
    border-bottom: 0px !important; }

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-left: 0px !important; }

#gform_fields_1 input[type=text] {
    height: 2.4375rem;
}

.gform_wrapper div.validation_error {
  display: none; }

#gform_confirmation_message_1 {
    font-family: "proxima-nova", sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 400;
    background: #E4FFED;
    border-left: 12px solid #B3EFC6;
    padding: 17px;
    margin-top: 1em; }

#course-enquiry span i.fa {
    padding-right: 10px; }

#course-enquiry span {
    font: 600 16px 'Proxima-Nova', sans-serif; }

.gform_wrapper textarea.medium {
    height: 9.375em;
    width: 100% !important;
    box-sizing: border-box; }

.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large {
    width: 100% !important;
    box-sizing: border-box; }

#gform_fields_1 textarea {
    padding: 17px;
    text-indent: 0px !important;
}

label.gfield_label {
    display: none; }

#gform_fields_1 input, #gform_fields_1 textarea {
    background: #f4f4f4;
    border: 0px;
    box-shadow: none;
    text-indent: 1em;
    color: #182D53;
    font: 500 17px 'Proxima-Nova', sans-serif; }

input#gform_submit_button_1 {
    background: #182d53;
    width: 100%;
    font: 800 15px 'Proxima-Nova', sans-serif;
    letter-spacing: 0.03em;
    padding: 1.2em;
    text-transform: uppercase;
    margin-bottom: 0em !important; }

span.inner-course-sched, 
span.course-duration-info {
    padding-left: 10px;
    display: block; }

span.inner-course-sched {
  padding-top: 5px; }

.button.view-fees {
    width: 100%;
    font: 800 15px 'Proxima-Nova', sans-serif;
    letter-spacing: 0.03em;
    padding: 1.2em; }

.course-brochure-overlay {
    background: url('/wp-content/uploads/2016/02/course-brochure-overlay.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    padding-top: 420px; }

.course-brochure-overlay h4 {
    color: #fff!important;
    text-align: center;
    padding-bottom: 25px;
    font-size: 16px !important; }

#course-schedule-block .large-12 {
    margin-bottom: 1em; }

span.course-duration-info {
    display: block; }

.days-circle {
    background: #9cf0ff;
    border-radius: 100px;
    display: inline-block;
    height: 55px;
    width: 55px;
    font: 600 23px 'Proxima-Nova', sans-serif;
    text-align: center;
    padding: 12px 0px; }

#course-schedule-block {
    background: #f0fdff;
    padding: 1em 2em;
    border-left: 12px solid #d1f8ff;
    margin-bottom: 4em;
    margin-top: 3em; }

span.course-code {
    color: #fff;
    font: 600 19px 'Proxima-Nova', sans-serif;
    letter-spacing: 0.04em; }

#single-course {
    margin-top: 3em; }

#content {
    margin-bottom: 2em; }

a.button.enrolgreen {
    background: #6fbf4a;
    float: right;
    padding: 16px 10px;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 0px;
    font: 800 15px 'Proxima-Nova', sans-serif;
    letter-spacing: 0.03em;
    max-width: 220px; }

.off-canvas-content {
     box-shadow: 0 0 0px rgba(10,10,10,0);  }

#course-enrol-bar {
    border-bottom: 2px solid #f5f5f5;
    padding: 1.5em;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.95);
    width: 100%; }

p#breadcrumbs {
    color: #fff;
    margin-bottom: 0em;
    font: 600 14px 'Proxima Nova', sans-serif; }

span.bread-sep {
    padding-left: 10px;
    padding-right: 10px; }

p#breadcrumbs a {
    color: #fff; }

span.breadcrumb_last {
  color: #96a6c2; }

#diversitat-breadcrumbs {
  background: #182d53;
  padding: 1.6em 1em; }

#diversitat-course-header {
    margin-top: 2em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }

.diversitat-course-header-overlay {
    padding: 9em 0em; }

#diversitat-course-header h1.page-title {
    color: #fff;
    font-weight: 700;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 40px;
    max-width: 700px;
    line-height: 1em; }

.single-courses #diversitat-page-header {
    display: none; }

.addition-content-col-full {
    margin-top: 3em; }

.addition-content-col-full p {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #000;
    line-height: 21px;
    font-weight: 400; }

.course-brochure-download {
    background-size: cover;
    background-position: center; }

#course-seperator {
    margin-top: 1em;
    border-top: 2px dotted #E6E5E5;
    display: inline-block;
    width: 100%;
    padding-bottom: 2em; }

#single-course .threecol-one {
    width: 26.66%; }

#single-course .threecol-two {
    width: 69.33%; }

#single-course .col-full {
    padding-left: 1.67em;
    padding-right: 1.67em; }

#single-course p {
    margin-bottom: 1em;
}

#single-course h4 {
    margin-bottom: 1.2em;
}

.course-single-intro {
    clear: both;
    margin-bottom: 3em;
    padding-bottom: 2em;
    border-bottom: 2px solid #f5f5f5;
}

.course-single-structure {
    clear: both;
}

#single-course .threecol-two {
    box-sizing: border-box;
    border-right: 2px solid #f5f5f5;
    padding-right: 4%;
    margin-bottom: 5em!important;
}

.course-units-of-study {
    display: inline-block;
    padding-bottom: 2em;
}

.elective-units-of-study {
    display: inline-block;
}

li.course-unit {
    display: inline-block;
    width: 100%;
    clear: both;
}

.course-additional-info {
    background: #142f54;
    padding: 4em 0em 6em;
    display: block;
    clear: both;
}

.course-additional-info h3 {
    color: #fff;
    margin-bottom: .5em;
    margin-top: 1em;
    font-family: "proxima-nova", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 36px;
}

.course-additional-info h4 {
    color: #fff !important;
    margin-bottom: .5em !important;
    margin-top: 1em !important;
    font-family: "proxima-nova", sans-serif !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}

.course-additional-info p {
    color: #fff;
    margin-bottom: .5em;
    margin-top: 1em;
    font-weight: 400;
}

.course-additional-info ul li {
    list-style-type: disc;
    margin-left: 1.1em;
    color: #fff;
}

.single-main-content {
    display: inline-block;
    padding-bottom: 2em;
}

li.course-unit {
    display: inline-block;
    width: 100%;
    clear: both;
    line-height: 2.3em;
}

.course-single-intro p {
    font-family: "proxima-nova", sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 24px;
    font-weight: 400;
}

#single-course h4 {
    font-family: "proxima-nova", sans-serif;
    font-size: 19px;
    color: #000;
    line-height: 18px;
    font-weight: 600;
}

.course-single-structure p {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #000;
    line-height: 21px;
    font-weight: 400;
}

.course-single-info-box {
    background: #fefad8;
    padding: 1.2em 1em;
    border-left: 12px solid #FBF4B9;
    margin-bottom: 4em;
}

.course-single-info-box span {
    color: #969161;
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1em; }

.course-single-info-box span:before {
    content: "\f05a";
    font-family: FontAwesome;
    padding-right: 14px;
    color: #969161;
    font-size: 2em;
    position: relative;
    top: 5px;
}

li.course-unit:nth-child(even) {
    background: #fafafa;
}

li.course-unit span {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #000;
    font-weight: 400;
}

span.course-unit-code {
    padding-left: 23px;
}

span.course-unit-code:before {
    content: "\f04b";
    font-family: FontAwesome;
    color: #182D53;
    font-size: 12px;
    padding-right: 8px;
    position: relative;
    top: -1px;
}

.course-units-of-study .fivecol-four,
.elective-units-of-study .fivecol-four {
    width: 75.4%;
}

.course-units-of-study .fivecol-one,
.elective-units-of-study .fivecol-one {
    width: 19.8%;
}

@media only screen and (max-width: 768px) {
  #single-course .threecol-two {
    border-right: 0px;
    padding-right: 0%;
  }
}


.bg-overlay {
    background: rgba(20, 46, 84, 0.65); }

#sidebar-scroll-nav nav {
    padding: 2em;
    box-sizing: border-box;
    background: #fafafa;  }

#sidebar-scroll-nav li a.active {
    background: #D5EEFF;
    color: #273F4E; }

.entry-content h2 {
    color: #152F54;
    font-size: 2em;
    margin-top: 1em;
    border-left: 3px solid #2199E8;
    padding-left: 11px; }

.entry-content h2 a {
  color: #152F54; }

.entry-content ul {
    padding-left: 2em; }

#diversitat-page-header {
    background-size: cover;
    background-position: center;
    margin-bottom: 2em; }

#diversitat-page-header h1.page-title {
    color: #fff;
    padding: 2em 0em 1em;
    font-family: 'Proxima-Nova', sans-serif;
    font-weight: 700; }
    
#diversitat-page-header h2.page-title {
    color: #fff;
    padding: 2em 0em 1em;
    font-size:3rem;
    font-family: 'Proxima-Nova', sans-serif;
    font-weight: 700; }

p.source-org.copyright {
    color: rgb(146, 146, 146);
    font-size: 13px;
    font-weight: 500;
    font-family: 'Proxima-Nova', sans-serif;
    margin-top: 2em; }

#inner-footer ul li {
    padding-bottom: 11px; }

#inner-footer ul li a,
#inner-footer ul li span {
    color: rgb(6, 15, 29);
    font-size: 14px;
    font-weight: 500;
    font-family: 'Proxima-Nova', sans-serif; }

#inner-footer i.fa {
    color: #6FBF4A;
    padding-right: 10px; }

#inner-footer ul {
    list-style-type: none; }


#pre-footer {
    border-top: 1px solid #EAEAEA;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #EAEAEA; }

#pre-footer img {
    max-height: 37px;
    display: block;
    margin: 0 auto; }

p.testimonial-quote {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 500;
    padding-top: 3em;
    padding-right: 3em;
    line-height: 1.3em;
    margin-bottom: 1em;
    font-family: 'Proxima-Nova', sans-serif; }

.testimonial-from {
    font-size: 24px;
    font-weight: 800;
    display: block;
    font-family: 'Proxima-Nova', sans-serif;
    color: #fff; }

.testimonial-class {
  color: #fff; }

#home-testimonial-wrapper {
    height: 400px;
    min-height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 1em;
    margin-bottom: 4em;
    position: relative; }

#home-testimonial-overlay {
    background-repeat: no-repeat;
    background-position: right;
    height: 100%;
    overflow: hidden; }

.course-cat-home {
  margin-bottom: 1.5em; }

#cat-colour {
    height: 10px;
    width: 10px;
    display: inline-block;
    border-radius: 100px;
    margin-right: 10px; }

#content h1 {
    color: #142f54;
    font-size: 31px;
    font-weight: 400;
    margin-bottom: 1em;
    font-family: 'Proxima-Nova', sans-serif; }

p.course-cat-description {
    color: #060F1D;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 1em;
    line-height: 1.3em;
    font-family: 'Proxima-Nova', sans-serif; }

span.course-cat-title {
    color: #142f54;
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin-top: 10px;
    margin-bottom: 6px;
    font-family: 'Proxima-Nova', sans-serif; }

.slider-wrapper {
    background-size: cover;
    background-position: center; }

.slider-inner-content {
    padding-top: 11em;
    padding-bottom: 11em; }

.slider-inner-content h1 {
    color: #fff;
    font: 700 4em 'Proxima-Nova', sans-serif; }

.slider-inner-content h2 {
    color: #fff;
    font: 700 4em 'Proxima-Nova',sans-serif;
}
.slider-inner-content p {
    color: #fff;
    font: 500 16px 'Proxima-Nova', sans-serif;
    max-width: 720px; }


ul#menu-diversitat-education-1 li a {
    color: #000;
    font: 600 13px 'Proxima-Nova', sans-serif;
    text-transform: uppercase; }

.top-bar-right {
    padding-top: 15px; }

.top-bar, .top-bar ul {
  background-color: #fff; }

.top-bar {
  padding: 0px; }

.fl {
  float: left; }

.fr {
  float: right; }

#top-header-bar span {
    padding-top: 10px;
    padding-bottom: 20px;
    color: #142f54;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.03em;
    font-family: 'proxima-nova', sans-serif; }

  #top-header-bar i.fa {
      color: #72C14E;
      padding-right: 8px;
      position: relative;
      top: 1px; }

  #top-header-bar {
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1000; }

header.header .row {
    position: relative;
    z-index: 1000; }


/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }

/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }

/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
  padding: 1rem 0rem; }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

#cdscontainer {
    display: none;
}

#top-header-bar span {
    font-size: 20px;
}

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 3em; }

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }



/*********************
SLICK SLIDER
*********************/

.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list
{
    background: #fff url('/wp-content/themes/FoundationWP/assets/images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/wp-content/themes/FoundationWP/assets/fonts/slick.eot');
    src: url('/wp-content/themes/FoundationWP/assets/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/FoundationWP/assets/fonts/slick.woff') format('woff'), url('/wp-content/themes/FoundationWP/assets/fonts/slick.ttf') format('truetype'), url('/wp-content/themes/FoundationWP/assets/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 39%;
    display: block;
    width: 79px;
    height: 90px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    opacity: 0.4;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
    opacity: 1;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 25px;
    z-index: 1000;
}
[dir='rtl'] .slick-prev
{
    right: 25px;
    left: auto;
}


.slick-next
{
    right: 25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 25px;
}


/* Dots */
.slick-slider
{   margin-top: 30px;
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.gform_wrapper li.gfield.gfield_error, 
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    padding: 9px 15px !important; }

.gfield_description.validation_message {
    text-indent: 2px; }

.gform_wrapper .top_label .gfield_error {
    width: 100%; }

#enquiremodal {
    max-width: 500px;
    padding: 0em 2em; }


/*Custom*/

.postid-143 #single-course .addition-content-col-full .threecol-two {
    
     border-right: none !important; 
     width: 100% !important;
}

.course-additional-info .columns:last-child:not(:first-child) {
    float: left !important;
}

.course-additional-info .large-6.columns .large-6.columns {
    width: 100%;
}

/*Contact Form*/

#gform_wrapper_6 label.gfield_label {
    display: none;
}

input#gform_submit_button_6 {
    background-color: #79c659;
    font-weight: 700;
    text-transform: uppercase;
}

#gform_wrapper_6 h3.gform_title:after {
    height: 4px;
    background: #79c659;
    width: 41px;
    display: block;
    content: '';
    margin-bottom: 14px;
    margin-top: 2px;
}

.page-id-287 [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    border: 1px solid #8a8888;
}

.page-id-287 ::-webkit-input-placeholder {
   color: #0a0a0a;
}



/*MObile*/

#diversitat-archive-header .columns {
    padding-left: 1.67em;
    padding-right: 1.67em;
}

#single-course .large-8 { padding-right: 45px; }

#top-header-bar span a {
    color: #142f54;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.03em;
    font-family: 'proxima-nova', sans-serif;
}

#course-sidebar .large-4.columns {
        padding-left: 45px;
    }

@media only screen and (max-width: 799px) {
.su-table table {
    word-break: break-word;
}
	.single-main-content {
    width: 100%;
}
   #single-course .large-8 {
    padding-right: .625rem;
	}
    #sidebar1 {
        display: none;
    }
    #pre-footer img {
        margin-bottom: 2em;
    }
    #main.medium-8 {
        width: 100%;
    }
    a.button.enrolgreen {
        max-width: 100%;
    }
    #course-enrol-bar .large-6 {
        padding-top: 13px;
        text-align: center;
        padding-bottom: 1em;
    }
    .days-circle {
        margin-bottom: 1em; 
    }
    span.course-unit-code {
        padding-left: 0px;
    }
    span.course-bar-date {
        text-align: center;
    }
}


@media only screen and (max-width: 1400px) {
    .slider-inner-content.row {
        padding-left: 7em;
    }
}

@media only screen and (max-width: 1023px) {
    p.testimonial-quote {
        max-width: 480px;
    }
    #course-sidebar .large-4.columns {
        padding-left: .625em;
    }
}

@media only screen and (max-width: 900px) {
    .slider-inner-content.row {
        padding-left: 1em;
    }
    button.slick-next {
        display: none !important;
    }
    button.slick-prev {
        display: none !important;
    }
}

@media only screen and (max-width: 790px) {
    .large-7.large-offset-5.medium-offset-5.columns {
        margin-left: 0%;
    }
    #home-testimonial-wrapper {
        text-align: center;
    }
    p.testimonial-quote {
        max-width: 100%;
        text-align: center;
    }
    p.testimonial-quote {
        padding: 3em 2em 0em;
    }
    #diversitat-page-header h1.page-title {
        color: #fff;
        padding: 4em 0em 2em;
    }
}

@media only screen and (max-width: 639px) {
    #slider-quicklinks .columns {
        padding-bottom: 2em;
    }
    #slider-quicklinks {
        padding: 2em 1.67em;
    }
    #top-header-bar .fl {
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
    }
    #top-header-bar .fr {
        width: 100%;
        float: none;
        text-align: center;
    }

}

/* 24 - may 2017 student web login link */
#top-header-bar .fr img {
    height: auto;
    width: 24px;
    margin-right: 10px;
    margin-top: -2px;
}
.student-login-link {
    margin-right: 3rem;
    color: #142f54;
    font-weight: bold;
    font-size: 15px;
}
@media screen and (max-width:500px) {
	.student-login-link {
	    margin-right: 0px;
	    color: #142f54;
	    display: block;
	    margin-top: 3rem;
	    margin-bottom: 1rem;
	    font-weight: bold;
	    font-size: 15px;
	}
}