@import url(//fonts.googleapis.com/css?family=Nunito+Sans);
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');


/*BASICS - BODY, FONT, LINK*/
body {font-family: 'Nunito Sans', sans-serif; font-size:18px; font-weight:300; padding:0!important;}
input, button, select, textarea {font-family: 'Nunito Sans', sans-serif;}
a, a:visited, a:active, a:hover, .item-list li a, .item-list li a:visited, .item-list li a:active, .item-list li a:hover {color: #008191; /*#2e5481;*/ }
img {border-radius:5px;}

h1, h2, h3, h4, h5, h6 {font-weight: 400; /*bold*/}
h1 {font-size: 40px;}
h3, h4 {font-size:28px; color:#ee7900;}
h5 {color:#ee7900; font-weight:700;}
hr {margin:20px 0;}
h3 {clear:both;}

.grey-wrapper {background:#f7f7f7; padding:30px 1em;}
.white-wrapper {padding:20px 0;}
.sidebar .widget .block, .widget .block {margin-bottom:30px;}
label {font-weight:300;}
embed, iframe, object, video, audio {width:100%;}
.selectBox, .form-control {box-shadow:none; font-size:16px; background-color:#f9f9f9;}
.panel-title {font-size:18px;} /*toggle in the sidebar */
#sidebar {padding-left:35px!important; float:left;} /*used in page event template */
img {max-width:100%; height: auto;}
.anchor{
display: block;
height: 120px; /*same height as header*/
margin-top: -120px; /*same height as header*/
visibility: hidden;
}

.anchor1{
display: block;
height: 80px; /*same height as header*/
margin-top: -80px; /*same height as header*/
visibility: hidden;
}
.anchor-reviews {
display: block;
height: 180px; /*same height as header*/
margin-top: -180px; /*same height as header*/
visibility: hidden;
}
.views-field-field-testimonial-photo .anchor-reviews {
  height:112px;
  visibility:visible;
}


/* image positioning */
.text-align-center {text-align:center;}
.text-align-right {text-align:right;}



.js input.form-autocomplete { background-color:#f9f9f9; border: 1px solid #e1e1e1;
    padding: 4px 8px;
    border-radius: 3px;
    margin-bottom: 20px;
    max-width: 100%; }

.sidebar .widget {  margin: 0 0 10px;}
.photo-left { margin: 5px 20px 10px 0; border:1px solid #cccccc; padding:5px;}

.text-highlight{
  background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#fefefe),color-stop(50%,#99cdd3));
  background-image: linear-gradient(90deg,#fefefe 50%, #99cdd3 0);
  background-position: 0;
  background-size: 200%;
  -webkit-transition: all .8s;
  transition: all .8s;
}

.text-highlight.highlighted{
  background-position: -100%;
}

.btn.btn-primary, .btn.btn-primary:visited {
    background: #008191;
}
.btn.btn-primary:active, .btn.btn-primary:hover {
background: #009fb3;}

/* ---------------- SEARCH ------------------- */
.page-node-12783 {border:1px solid #ff0000;}
#edit-keys.form-text {background:#f9f9f9; border:1px solid #e1e1e1; border-radius:3px; margin-bottom:10px; clear:right;}
.views-exposed-form-selector-search-content-default {border:1px solid #ff0000; clear:both; margin-top:50px;}
.form-item-ContentType {clear:both;}
div#edit-actions.form-actions.js-form-wrapper.form-wrapper {clear:both;}
input#edit-submit-search-content.btn.button.js-form-submit.form-submit.visually-hidden {position:relative!important; clip:unset; height:auto; width:auto;}

/* ----------------- SLIDER ------------------  */
.md-objects {border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}

/* ----------------- MENU ------------------- */

.header .right-box-wrapper {float:right;}
.header .primary .navbar .nav > li > a,
.header .primary .navbar .nav > li > a:visited {
  padding: 11px 16px; /*11 13*/
  font-size:15px !important;
  margin-top:20px;
  text-transform:uppercase;
}
/*menu captions*/
.header .primary .navbar .nav a .item-new {font-weight:600; font-size:11px; top:16px;}

/*submenu*/
.header .primary .sub {padding: 5px 10px; /*10 20*/}
.header .primary .sub li {font-size: 15px; /*13*/}
.header .primary .sub a,
.header .primary .sub a:visited {padding:6px 0; border-bottom: 2px solid #ffffff; min-width:50px;}
.header .primary .sub a:hover {color:#008191; border-bottom: 2px solid #008191; min-width:50px;}
.tb-megamenu-column {padding:10px 20px 15px;}

/*SIDE MENUS*/
#block-browse-resources, #block-mainmenu-2, #block-mainmenu-3, #block-mainmenu-4, #block-quicktabsbrowseevents {border:1px solid #cccccc; margin-bottom:30px;}
#block-browse-resources h2, #block-mainmenu-2 h2, #block-mainmenu-3 h2, #block-mainmenu-4 h2, #block-quicktabsbrowseevents h2 {font-size:28px; padding:5px 15px; margin-bottom:10px; background-color:#c10841; color:#ffffff;}
#block-browse-resources li, #block-mainmenu-2 li, #block-mainmenu-3 li, #block-mainmenu-4 li, #block-quicktabsbrowseevents li {padding: 5px 0 5px; border-bottom:1px dotted #cccccc; margin-bottom:7px; color:#999999;}
#block-browse-resources li::before, #block-mainmenu-2 li::before, #block-mainmenu-3 li::before, #block-mainmenu-4 li::before {font-family: "FontAwesome"; content: "\f03a"; margin-right:10px; display: inline-block; padding-bottom:5px; float:left;}
#block-browse-resources ul, #block-mainmenu-2 ul, #block-mainmenu-3 ul, #block-mainmenu-4 ul, #block-quicktabsbrowseevents ul {padding:0 20px;}

#block-views-block-resources-external-type-list-block-1 {margin-bottom:30px;}

/*quicktabs*/
.quicktabs-tabs li { background: #cccccc!important;

    padding: 7px 15px!important;
    margin-right: 1px;
}
.quicktabs-tabs li a {color: #333333;}
.quicktabs-tabs li a:active {color: #ffffff;}
.quicktabs-tabs li.active {background: #008191!important; color:#ffffff!important;}

/* -------------- TABS --------------- */
.nav-tabs > li > a { font-size:18px;}
.tabs-content > .tabs-pane { padding:36px 24px!important;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {background:#c23941; color:#ffffff;}
.nav-tabs > .active > a {font-weight:normal;}


/*TITLE*/
#block-progressivepagetitle { padding-top:30px; }
.page-header .container::before { width:50px; /*- line below title, thicker*/}
.page-header .title {margin:-4px 0 5px;}
.nd-region {padding:40px 0;}
.front.nd-region {padding-bottom: 0px!important;}

/*TABLE*/
.table {font-size: 18px;line-height: 26px; text-align:left;}

/*BLOCK TITLE*/
.title-box .title { color: inherit; font-size: 28px; }
.title-box {margin-bottom:20px;}

/*BUTTONS*/
.btn {font-size:16px; font-weight:300;}
.btn:hover {background-color: #018e9b; text-decoration:underline;}

/*PAGER*/
.pagination > li > a {padding:2px 10px;font-size:14px; background-color:#f1f1f1; border:1px solid #cccccc; font-weight:300;}
.pagination > li > a:hover {color:#ffffff;}
.pagination > .active > span, .pagination > .hover > span {background-color:#008191; border:1px solid #008191;}
.pagination > .active > span {font-size:14px!important; padding:2px 10px!important;}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {border-left-width:1px;}

/*for topic page*/
.pager li>a { background-color:#008191; border:0px; border-radius:3px; color:white;}

/* ---------------- FOOTER ----------------- */

.footer-bottom {font-size: 14px;line-height: 21px;}
#footer_top {font-size: 15px;line-height: 23px;}
#footer_top .title-box {margin-bottom:20px;}
#footer_top h3 {font-size:24px;}
.nd-region.footer-top {padding:40px 85px; font-size:15px; border-top:1px solid #d7d7d7;}
.footer-bottom {padding: 20px 100px;}


.social-icons span a {
    border-left: 1px solid #7f7f7f;
    font-size: 16px;
    text-align: center;
    width: 42px;
    height: 34px;
    line-height: 38px;
    overflow: hidden;
    display: block;
    float: left;
    color:#999999;
    padding-left:5px;
    }
.social-icons span a:hover {
color:#008191;}


nav#block-progressive-sub-footer.contextual-region ul>li {float:left; margin-right:20px;}

/* -------------------- RESOURCES ----------------- */

/*diplomacy hub - external */
.js-view-dom-id-83ebad6f98eaa874f0ba79608f11a6bb1ecfd2eb42e6711f8db098d5020c2437 h3 {clear:both;}
.resources-title {font-size:20px;}

.resource-title, .resource-title p {font-size:20px;}
.resource-tag {font-size:0.85em;}
.tagimg { max-width: 100px; width:100px; float: right; margin: 7px 0 0 20px;}


/* --------------------- BOOKS --------------------- */

.book-icon {color:#666666; float:left; }

.books-image {float: left;
    border: 1px solid #cccccc; border-radius:3px;
    padding: 5px;
    margin-right: 20px;
    margin-bottom: 10px;}
.books-author {font-weight:600;}


/* -------------- EVENTS -------------- */

.event-date {
float: left;
  /*background: #b22222;*/
  border: 2px solid #b22222;
  text-transform: uppercase;
  /*color: #FFF;*/
  color:#b22222;
  margin-right: 14px;
  margin-top:3px;
  position: relative;
  width: 50px;
  height: 60px;
  text-align: center;
  border-radius:3px;
  }

.speaker-event {max-width: 100px;
float: left;
border: 1px solid #cccccc;
margin: 7px 20px 8px 0;}


/* ---------------- BLOG ---------------- */

.post {border-bottom:1px solid #cccccc;margin-top:18px;}
.post .entry-title, .res-title a {font-size:20px; margin: 0 0 5px;}
.post .entry-title a:link, .post .entry-title a:hover, .post .entry-title a:visited {color:#008191;}
.post .entry-content-teaser {margin-left:100px; margin-bottom:25px;}
.post .entry-content {margin:0px 0 30px 0;}
.post .entry-meta .comments-link {margin-top:-17px;}
.post .entry-meta {margin-top:35px;}

.flexslider {margin:40px 0 0 0;}

.blog-image {width:80px; height:80px; float:left; margin:3px 20px 5px 0; padding:3px; border:1px solid #cccccc;}
.blog-image-second {width:80px; height:80px; float:left; margin:3px 5px 5px 0; padding:2px; border:1px solid #cccccc;}
.blog-info {font-size:0.9em; color:#666666; margin-bottom:10px;}

.blog-video {padding:20px; border:1px solid #cccccc; border-radius:3px; text-align:center; margin:20px 0 30px 0;}
.blog-caption, figcaption {font-variant:all-small-caps; width:90%; text-align:center; line-height:120%;}
.blog-quote {  border: 1px solid #f5f5f5;  border-radius: 5px; margin: 40px 0 0;  padding: 20px;}
.blog-quote:after {
    font-family: 'FontAwesome';
    content: "\f10e";
    padding-right: 20px;
    right: 0;
    position: absolute;
    top: 110px;
    color: #000000;
    font-size: 600%;
    opacity: 0.1;
    -moz-opacity: 0.1;}
.field--name-field-quote {  border-radius: 5px;    padding: 20px 20px 25px 20px;  background-color: #f5f5f5; font-family: serif; font-size: 1.2em; font-style: italic;}

.blog-channel-row {border-bottom:1px dotted #cccccc; padding-bottom:5px; margin-bottom:7px; padding-left:10px; color:#999999;margin-right:15px;}
.blog-subscription-box {margin-top:30px; margin-bottom:10px; border:1px solid #008191; border-radius:3px; padding:10px 5px 15px 12px; background-color:#008191; color:#ffffff;}
.blog-subscription-box a{color:#ffffff; text-decoration:underline;}
.blog-subscription-box p, .blog-subscription-box .response {color:#ffffff;}
#block-subscribetoblogmailinglist .title-box, #block-subscribetocoursesmailinglist .title-box {display:none;}
#block-subscribetoblogmailinglist form, #block-subscribetocoursesmailinglist form {margin-bottom:5px;}

.post .entry-content-teaser img {display:none;}

/*ALSO OF INTEREST*/
.also-of-interest {border:1px solid #cccccc; border-radius:5px; padding:10px 20px; background-color:#eeeeee;}
.also-of-interest ul{padding-inline-start:20px; }


/* -------------------- TESTIMONIALS / REVIEWS ------------------- */
.testimonial-photo { margin: 5px 20px 10px 0; border:1px solid #cccccc; padding:5px;}
.testimonial-list-name, .testimonial-list-position, .testimonial-list-date {font-size:0.9em;}
.testimonial-list-position, .testimonial-list-date {font-style:italic;}


/* ----------------- MARGINS AND PADDINGS AND SOME COLOURS ------------------ */

.m-bottom-10{margin-bottom:10px;}
.m-bottom-20{margin-bottom:20px;}
.m-bottom-30{margin-bottom:30px;}
.m-top-5{margin-top:5px;}
.m-top-10{margin-top:10px;}
.m-top-20{margin-top:20px;}
.m-right-10{margin-right:10px;}
.m-right-20{margin-right:20px;}
.m-left-50{margin-left:50px}
.p-bottom-10{padding-bottom:10px;}
.p-bottom-20{padding-bottom:20px;}
.bottom-line{border-bottom:1px solid #cccccc;}
.col-brick, .redtext {color:#b22222;}
.p-left-0, .first {padding-left:0;}
.p-right-0 {padding-right:0;}
.whitetext {color:#ffffff!important;}
.clearfix {clear:both;}
/*new-checkbox - this appears in ff and safari on its own but not in chrome and affects the position of checkbox*/
.new-checkbox { position:relative; margin:7px 5px 0 0;}
#edit-newsletter-submit .new-checkbox {margin:4px 5px 0 0;}
.bold {font-weight:600;}

/* ------------- WEBFORMS ---------------*/

.radio, .checkbox {min-height:28px;}

.webform-class fieldset .fieldset-legend {
font-size:18px!important;
line-height:auto!important;
color:#333333!important;
}

.webform-class fieldset .fieldset-wrapper {
border:none!important;
font-size:18px!important;
line-height:auto!important;;
padding:10px 0 10px;
color:#333333!important;
}

.webform-class fieldset > legend {
	background: none;
    border: none;
    color: inherit;
    display: block;
    height: 0;
    padding: 0px 0px;
    margin-bottom: 30px}

.new-radio: {margin-top:7px;}

.webform-class .field--name-body
 {margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc;}

/* form on contact */
.webform-submission-webform-102-form label[for=edit-name--2],
.webform-submission-webform-102-form label[for=edit-email--2],
.webform-submission-webform-102-form label[for=edit-subject--2],
.webform-submission-webform-102-form label[for=edit-message--2] {display:none;}

/* forms on COURSE pages */

.webform-submission-adig-application-form--form {/*border:1px solid #ff0000;*/}

 /* hide label-title for top forms */
.webform-submission-adig-application-form-form label[for=edit-the-application-form--2],
.webform-submission-adig-application-form--form label[for=edit-the-application-form],
.webform-submission-webform-12497-form label[for=edit-the-application-form--2],
.webform-submission-webform-12500-form label[for=edit-the-application-form],
.webform-submission-the-application-info-form-form label[for=edit-the-application-form--2],
.webform-submission-the-application-info-form--form [for=edit-the-application-form] {display:none;}


.webform-submission-adig-application-form-form .form-control,
.webform-submission-adig-application-form--form .form-control,
.webform-submission-webform-12497-form .form-control,
.webform-submission-webform-12500-form .form-control,
.webform-submission-the-application-info-form-form .form-control,
.webform-submission-the-application-info-form--form .form-control
 {margin-bottom:10px;}

/* top forms */
.webform-submission-adig-application-form-form .form-control,
.webform-submission-webform-12497-form .form-control,
.webform-submission-the-application-info-form-form .form-control {background:#ffffff;}

.webform-submission-adig-application-form-form p,
.webform-submission-webform-12497-form p,
.webform-submission-the-application-info-form-form p {margin:10px 0 20px 0; font-size:18px;}

/* bottom forms */
.webform-submission-adig-application-form--form p,
.webform-submission-webform-12500-form p,
.webform-submission-the-application-info-form--form p {margin:40px 0 20px 0; font-size:18px;}

.webform-submission-adig-application-form-form fieldset > legend,
.webform-submission-adig-application-form--form  fieldset > legend,
.webform-submission-webform-12497-form fieldset > legend,
.webform-submission-webform-12500-form fieldset > legend,
.webform-submission-the-application-info-form-form fieldset > legend,
.webform-submission-the-application-info-form--form fieldset > legend
 {background: none; border: none; color: inherit; display: block;height: 0; padding: 0px 0px; }

.webform-submission-adig-application-form-form fieldset .fieldset-wrapper,
.webform-submission-adig-application-form--form fieldset .fieldset-wrapper,
.webform-submission-webform-12497-form fieldset .fieldset-wrapper,
.webform-submission-webform-12500-form fieldset .fieldset-wrapper,
.webform-submission-the-application-info-form-form fieldset .fieldset-wrapper,
.webform-submission-the-application-info-form--form fieldset .fieldset-wrapper
{border:none!important; font-size:16px!important;line-height:auto!important;;padding:0px 0 10px 0;color:#333333!important;}

.webform-submission-adig-application-form-form fieldset .fieldset-wrapper,
.webform-submission-webform-12497-form fieldset .fieldset-wrapper,
.webform-submission-the-application-info-form-form fieldset .fieldset-wrapper
 {background:#f5f5f5;}


/* ----------- COURSES ----------- */

/* catalogue */

ul.share-buttons{  list-style: none;  padding: 0;}

ul.share-buttons li{  display: inline; }

ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.card {border:1px solid #cccccc; border-radius:7px; min-height:180px; margin-bottom:25px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;}
.card:hover { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.course-catalogue-title {text-align:center; font-size:1em; font-weight:bold; text-transform:uppercase; padding:20px 10px; border-bottom:1px solid #e5e5e5; /*border-top:1px solid #e5e5e5;*/ background:#f7f7f7; min-height:115px; line-height:120%; /*background-color:#008191; color:#ffffff;*/}
.course-catalogue-info {padding:10px; font-size:0.85em; height:60px; line-height:120%;}
.sm-icons {border-top:1px solid #cccccc; padding:0 10px; display:none;}
.sbtnf {margin:7px 2px; vertical-align:middle;}

.courses-partner-logos {max-height:50px!important; max-width:100px!important; border:0 !important; margin:-2px 0;}

.courses-social {font-size: 0.8em;
    padding: 0px 10px;}



/* dissertations */
.js-view-dom-id-4457bea4d2e9be5f5d1a3549298d4bccc2e1289472b3d72587793e3ce69bcf34 {font-size:0.9em}
.views-field-field-diss-author, .views-field-field-diss-visibility-abstract  {padding:7px 10px;}

/* individual course pages */
#block-views-block-course-dropdown-block-1 {font-size:16px;}

/* course pages iframe with  registration */



/* ----------- TOPIC ------------ */
#topic_scroll > ul { color: #64a9b5; list-style: none; margin-bottom:10px;}
#topic_scroll.btn { margin-bottom:10px;}
.bg-grey {  background: #f5f5f5; }
.bg-white { background: #fff;}
.pd-20 {  padding: 20px 0; }
.pd-bottom-50 { padding-bottom: 50px; }
.general-title h2 {font-size:30px; margin:0; }
.general-title {margin-top:40px;}


.title-box + div .carousel-pagination {
top: -40px;
right: 20px;
}


.carousel-box .next, .carousel-box .prev {
height: 35px;
    line-height: 33px;
    margin: 0 0 0 10px;
    text-align: center;
    text-decoration: none;
    width: 35px;
    }

.readmore, .more-link {margin:20px 0;}
.more-link a {background:#008191; color:#ffffff; padding:10px 7px; border-radius:3px;}

.work-element img {max-height:350px;}


/* MAPGD page */
.MAPGD-lecturers-image { max-width:100px; max-height:100px; border-radius:5px; margin-bottom:20px; margin-right:20px; border: 1px solid #cccccc;}
.MAPGD-lecturers-position {font-size:0.93em; color:#666666; line-height:130%;}
.MAPGD-lecturers-name { margin-bottom:5px; color:#000000; font-size:1.07em;  font-weight:600;line-height:120%;}
.MAPGD-nav-tabs>li.active>a, .MAPGD-nav-tabs>li.active>a:hover, .MAPGD-nav-tabs>li.active>a:focus {background:#008191; color:#ffffff;}
/* tabs on MAPGD page and elsewhere */
.panel-group > .panel-default > .panel-heading > .panel-title > a {background:#018e9b;}
.panel-group .panel .panel-heading > .panel-title > a {color:#ffffff;}
.panel-group .panel-default .panel-heading > .panel-title > a:before,
.panel-group .panel-default .panel-heading > .panel-title > a:after {background:#ffffff;}
.panel-group > .panel-default > .panel-heading > .panel-title > a:hover {background:#008191;}


/* ---------- PEOPLE ----------- */

.toggle-full {z-index:1; padding-top:20px!important;}

/* about us */

.ppl-page-image { max-width:250px; max-height:250px; border-radius:5px; margin-bottom:20px; border: 1px solid #cccccc; text-align:center;}
.ppl-page-boxes {border:1px solid #cccccc; border-radius:7px; padding:0; background-color:#ffffff; min-height:435px; max-width:250px; margin-bottom:20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);     transition: all 0.3s ease; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s;}
.ppl-page-boxes:hover { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.ppl-page-position {text-align:center; padding: 0px 7px; font-size:0.93em; color:#666666; line-height:130%;}
.ppl-page-name {text-align:center; height:60px; color:#000000; font-size:1.07em;  padding: 0 7px; /*font-weight:600;*/ line-height:120%;}
.pplsection {font-size: 20px; padding-top:17px; padding-bottom:10px; color:#ee7900; margin-top: 10px; margin-bottom: 10px; line-height: 140% ;
}


/* faculty */

.ppl-faculty-boxes {padding:15px 20px; border-radius:5px; min-height:230px; margin-bottom:20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);  transition: all 0.3s ease; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s;}
.ppl-faculty-boxes:hover { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.ppl-faculty-name-popup {height:30px; color:#000000; font-size:1.07em; font-weight:600;}
.ppl-faculty-position-popup { color:#666666; line-height:120%;}
.ppl-faculty-body-popup {font-size:0.93em; line-height:130%; }
.ppl-faculty-image-popup {float:left; max-width:120px; margin:3px 20px 10px 0; border:1px solid #cccccc; border-radius:5px;}

.ppl-faculty-name {height:30px; color:#000000; font-size:1.07em; font-weight:600; display:table; line-height:120%; margin-bottom:10px;}
.ppl-faculty-position {/*text-align:center;*/  color:#666666; line-height:120%;}
.ppl-faculty-body {margin:10px 0; line-height:130%;}
.ppl-faculty-image {float:left; max-width:150px; padding:5px; border:1px solid #cccccc; margin:6px 20px 10px 0;}
.ppl-faculty-courses-link {margin:3px 6px 3px 0; font-size:0.85em!important;}

/*event experts */

.ppl-events-image { max-width:110px; height:auto; margin:0px 20px 0px 0px; float:left; border-right:1px solid #cccccc;}
.ppl-events-boxes {border-radius:5px; border:1px solid #cccccc; padding:0px; min-height:111px; min-width:350px; margin-bottom:20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);  transition: all 0.3s ease; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s;}
.ppl-events-boxes:hover { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.ppl-events-name { color:#000000; font-size:1.0em;  padding: 8px 7px; font-weight:600; line-height:130%;}
.ppl-events-position {padding: 0px 7px; font-size:0.83em; color:#666666; line-height:120%; }


/* ----------------- TAGS ----------------- */
.tags-title {font-size:20px;}
.tags-ct {margin-top: -45px;font-size:0.8em; float:right;}
.tags-img {float:right; max-width:100px;}
.tags-date {font-size:0.9em; color:#777777; margin-top:8px;}

/* --------------- RSS --------------- */
.feed-icon::before {font-family: "FontAwesome"; content: "\f143"; margin-right:10px;}

/* -------------- PARTNERS ----------------- */
.partner-logos { filter:invert(70%);}


/* ------------- HOME PAGE --------------- */

/*titles */
.home-page-title {text-align:center; text-transform:uppercase;}
.home-page-title h2 {font-size:27px; margin-bottom:40px;}

/*slider*/
.md-objects .md-object {font-weight:700; line-height:120%;}

/*in focus*/
.focus-title, .focus-title h6 {font-size:19px; color:#ee7900; margin-bottom:20px; line-height:120%; margin-top:4px!important;}
.focus-text, .focus-text p, .focus-text a {font-size:18px; line-height:150%;}
.focus-courses-starting {font-size:16px; color:#ee7900!important;}
.focus-courses-title { font-size:18px; margin-top:10px; text-shadow:none;line-height:150%;}

/* carousel blog post */
.carousel .post {margin: 0 0;}

/*courses last 3*/
.views-field-field-course-image img{border:1px solid #cccccc; border-radius:5px;}

.course-title-home-page {
    text-transform: uppercase;
    line-height: 110%;
    margin-top: 20px;
    font-size: 0.9em;
    min-height: 40px;
}
/*testimonial */
.home-testimonial-body {font-size:0.92em;}
.home-testimonial-name {font-size:0.85em; line-height:150%;}
/*resources*/
.roundborder {border:1px solid #cccccc; border-radius:5px;}
/*dropdown for courses*/
.ViewsJumpMenu.js-viewsJumpMenu{font-size:0.92em;width:100%;}


/*TEST*/
.test-klasa {color:#00ff00;}



/* WISDOM CIRCLE AND CONFTECH */

.orange {background-color:#ffa200; color:#ffffff;}
.orange-title h2 {color:#ffa200;}

@media (min-width: 1200px) {
  .page-node-13454 .container,
  .page-node-13454 #Content #content,
  .page-node-13375 .container,
  .page-node-13375 #Content #content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .page-node-13375 #Content,
  .page-node-13454 #Content {
    margin-left: 0;
    margin-right: 0;
  }

}

.page-node-13454 .header .container,
.page-node-13375 .header .container{
        max-width: 1200px;
}

.page-node-13454 .breadcrumb,
.page-node-13454 #block-progressive-sub-local-tasks,
.page-node-13454 #block-progressivepagetitle .page-header,
.page-node-13375 .breadcrumb,
.page-node-13375 #block-progressive-sub-local-tasks,
.page-node-13375 #block-progressivepagetitle .page-header{
        max-width: 1200px;
        margin: 0 auto;
}

.page-node-13454 .ctnt,
.page-node-13375 .ctnt{
        max-width: 1200px;
        margin: 0 auto;
        float: none;
}

.page-node-13454 .body,
.page-node-13375 .body{
        width: 100%;
        float: left;
}

.page-node-13454 .grey-wrapper,
.page-node-13375 .grey-wrapper{
        margin-top: 20px;
}

.page-node-13454 #authors .p-left-0,
.page-node-13375 #authors .p-left-0{
	width: 100%;
}

.page-node-13454 #authors .views-field-field-image,
.page-node-13375 #authors .views-field-field-image{
	float: left;
}
/*
.page-node-13375 #videos .field__item:nth-child(odd) div {
	padding-left: 0;
}
.page-node-13375 #videos .field__item:nth-child(even) div{
	padding-right: 0;
}
*/

.page-node-13454 #block-views-block-people-list-block-5  h3,
.page-node-13375 #block-views-block-people-list-block-5  h3{
	display: none;
}

.page-node-type-conftech .more-link,
.page-node-type-dwc .more-link {
  margin: 20px auto;
  width: 10em;
}

.page-node-type-conftech .more-link a,
.page-node-type-dwc .more-link a {
  display: block;
  text-align: center;
}

.ppl-events-boxes {
  min-width: 100px;
  position: relative;
  overflow: hidden;
  box-sizing: unset;
}

.p-0 {
  padding: 0px;
}

.padding-zero {
  padding: 0px;
}

