/* Stop active link in the local navigation appearing black */
.campl-page-header a.active {
    color: #fff;
}

/* Correct footer header colour as the header might not be a link */
.campl-local-footer h3 {
    color: #91b9a4;
}

/* Prevent conflict with unstyled lists and Drupal lists */
.campl-unstyled-list .leaf, .campl-unstyled-list .expanded, .campl-unstyled-list .collapsed {
    list-style: none;
    padding: 0;
}

/* Prevent conflict with vertical breadcrumb active items */
.campl-vertical-breadcrumb a.active {
    color: #999999;
}

/* Prevent conflict with vertical breadcrumb navigation lists and Drupal lists */
.campl-vertical-breadcrumb-navigation li.leaf, .campl-vertical-breadcrumb-navigation li.expanded, .campl-vertical-breadcrumb-navigation li.collapsed {
    padding: 10px 0;
}

/* Prevent conflict with vertical breadcrumb children lists and Drupal lists */
.campl-vertical-breadcrumb-children li.leaf, .campl-vertical-breadcrumb-children li.expanded, .campl-vertical-breadcrumb-children li.collapsed {
    padding: 5px 5px 5px 0;
}

/* Correct padding on footer lists */
.campl-navigation-list li.leaf {
    padding-bottom: 5px;
}

/* Stop contextual links in a carousel from being floated. */
.campl-carousel .contextual-links li {
    float: none;
}

/* Make sure news listing items end with a border */
.campl-news-listing:last-child {
    border-bottom: 1px dashed #b5b5b5;
}

/* Stop active local footer links from changing colour */
.campl-local-footer li a.active {
    color: #fff;
}

/* Prevent padding on small table rows */
.campl-table tr.even, .campl-table tr.odd {
    padding: 0;
}

/* Remove field collection styles */
.field-collection-view {
    border-bottom: 0;
    margin: 0;
    padding: 0;
}

.field-collection-container {
    border-bottom: 0;
    margin-bottom: 0;
}

/* Prevent conflict with pagination and Drupal lists */
.campl-pagination ul li {
    margin: 0;
}

.item-list .pager li {
    padding: 0;
    list-style-type: inherit;
}

.view .campl-pagination .progress-disabled {
    float: left;
}

.campl-pagination li > span {
    float: left;
    padding: 5px 7px;
    line-height: 12px;
    border: 1px solid #d6d6d6;
    margin: 0 2px;
}

.campl-pagination li > span.campl-elipsis {
    border: 0;
}

@media only screen and (max-width: 1150px) {
    .campl-pagination li > span {
        padding: 8px 15px;
        line-height: 20px;
    }
}

.campl-active span {
    background-color: #f2f2f2;
    color: #000000;
}

.campl-pagination .campl-active span {
    cursor: default;
    font-weight: bold;
}

/* Style contextual links */
.contextual-links-region .contextual-links-wrapper {
    color: #777;
    font-family: myriad-pro-n4, myriad-pro, myriad, verdana, arial, sans-serif;
    font-size: 14px;
}

.contextual-links-region ul.contextual-links li a {
    margin-bottom: 0;
    padding-top: 3px;
    padding-bottom: 4px;
}

.contextual-links-region ul.contextual-links li.first a {
    margin-top: 0;
}

.campl-theme-1 ul.contextual-links li a:hover {
    background-color: #d2e4f3;
}

.campl-theme-2 ul.contextual-links li a:hover {
    background-color: #d2f3e1;
}

.campl-theme-3 ul.contextual-links li a:hover {
    background-color: #f4d3e5;
}

.campl-theme-4 ul.contextual-links li a:hover {
    background-color: #f4f6cd;
}

.campl-theme-5 ul.contextual-links li a:hover {
    background-color: #f5e7ca;
}

.campl-theme-6 ul.contextual-links li a:hover {
    background-color: #f8e1e5;
}

.campl-theme-7 ul.contextual-links li a:hover {
    background-color: #dbd9d9;
}

/* Space out fields */
.field + .field {
    margin-top: 10px;
}

.campl-teaser .field + .field {
    margin-top: 20px;
}

/* Prevent top margin on comment forms */
#comments {
    margin-top: 0;
}

/* Style faux-selected items like real ones */
.campl-vertical-breadcrumb-navigation .campl-faux-selected > a {
  color: #171717;
}






/********* Stose added ******************************************************************************/

/*********************  General  ********************/

.campl-recessed-content {
    padding-bottom: 100px;
}

.node-econ-news {
    padding-bottom: 70px;
}

.campl-column3 .block h2 {
    background-color: lightgrey;
    padding: 6px;
}

.campl-column3 .campl-heading-container {
    border-bottom: none;
}


.not-logged-in .sidebar-hide-date {
    display: none;
} 

.not-logged-in #block-views-faculty-news-block-1 .view-header .loginonly {
    display: none;
}

.not-logged-in .menu-name-main-menu li.menu-mlid-2926 {
    display: none;
}

/*[href*="/econ-events/"] */








.front .views-field-field-byline {
    overflow: hidden;
}

.page-faculty-news .views-field-field-byline {
    font-weight: bold;
    overflow: hidden;
}

.field-name-field-byline {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 20px;
}

.page-faculty-news #page-content .region,
.page-econ-events #page-content .region,
.page-media-mentions #page-content .region,
.page-taxonomy #page-content .region,
.page-economics-alumni #page-content .region {
    padding-right: 30px;
}



.node-type-econ-news .node .campl-content-container, 
.node-type-media-mention .node .campl-content-container,
.node-type-econ-events .node .campl-content-container  {
    margin-right: 50px;
}


.node-econ-news .field-name-field-current-date {
    font-style: italic;
    padding-bottom: 5px;
}

.views-row .views-field-field-current-date {
    padding: 5px 0 10px 0;
    font-style: italic;
    border-bottom: 1px solid #f3f3f3;
    overflow: hidden;
    margin-bottom: 10px;
    color: gray;
}



.page-faculty-news .view-faculty-news .views-row,
.page-media-mentions .view-media-mentions-view .views-row,
.page-econ-events .view-econ-events-view .views-row,
.page-taxonomy .view-news-taxonomy-terms .views-row {
    display: block;
    margin: 30px 0 30px 0;
    min-height: 175px;
    height: auto; 
    padding-bottom: 15px;
}




.field-name-field-faculty-news-image,
.views-field-field-faculty-news-image,
.views-field-field-media-mention-image,
.views-field-field-econ-event-image,
.field-name-field-media-mention-image,
.views-field-field-views-teaser-image,
.views-field-views-conditional,
.views-field-views-conditional-1,
.node-econ-news .field-name-field-people-taxonomy-image,
.page-economics-alumni .field-name-field-people-taxonomy-image,
.page-taxonomy .views-field-field-people-taxonomy-image,
.field-name-field-person-image-image {
/*    border: 1px solid #f3f3f3;*/
    float: left;
    margin-right: 20px;
    clear: both;
/*    margin-bottom: 5px;*/
}



/* Job Vacancy Styling */
.view-job-vacancy-block {
    padding: 20px;
}
.view-job-vacancy-block .views-row {
    height: 95px;
    display: block;
}
.views-field-field-job-advert-pdf {
    padding: 1px 0;
    margin-left: 66px;
    font-style: italic;
}
.view-job-vacancy-block .views-field-field-vacancy-type-image img {
    float: left;
    margin-right: 10px;
}


/* This hides the title on taxonomy person rendered entity in View field's conditional logic */ 
.front .view-media-mentions-view .views-field-views-conditional-1 h2, 
.page-media-mentions .view-media-mentions-view .views-field-views-conditional-1 h2,
.view-news-taxonomy-terms .views-field-views-conditional h2  {
    display: none; 
}

.front .view-media-mentions-view .views-field-views-conditional-1 img,
.page-media-mentions .view-media-mentions-view .views-field-views-conditional-1 img,
.view-news-taxonomy-terms .views-field-views-conditional img {
    border: 1px solid lightgrey;
}



/* This is a hack, and corresponds to the conditional field on the Media Mention teaser field **/
/*.node-media-mention .field-name-field-views-teaser-image {
    margin: 20px 0 -10px 20px; 
}*/


.field-name-field-news-full-image {
    margin: 25px 0;
}

.paragraphs-item-double-image-row {
    border: 1px solid #f3f3f3;
    padding: 3px 10px 10px 10px;
    margin: 20px 0;
}
.field-name-field-double-image-row-1 .field-item {
    display: inline-block;
    width: 48%;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;

}
.field-name-field-double-image-row-2 .field-item {
    display: inline-block;
    width: 48%;
}

@media (max-width: 820px)  {
    .field-name-field-double-image-row-1 .field-item {
    width: 100%;
    float: none;
    margin-right: 10px;
    margin-bottom: 15px;

    }
.field-name-field-double-image-row-2 .field-item {
    display: inline-block;
    width: 100%;
    }

}

.field-name-field-double-image-row-1 img {
    width: 100%;
    height: auto;

}
.field-name-field-double-image-row-2 img {
    width: 100%;
    height: auto;
}



.views-field-field-front-view-first-image {
    margin-bottom: 10px;
/*    margin-top: 5px;*/
}


.paragraphs-item-person-image-text {
    overflow: hidden;
    border: 1px solid #f3f3f3;
    padding: 10px;
    margin-top: 25px;
    margin-bottom: 10px;
}

.paragraphs-item-person-image-text .field-name-field-person-image-taxonomy .taxonomy-term h2 {
    display: none;
}

.node-econ-news .field-name-field-faculty-news-people-image .field-name-field-people-taxonomy-image {
    margin-top: 10px
}
.node-econ-news .field-name-field-faculty-news-people-image .field-item h2 {
    display: none;
}




/***********   Media Mention Node Styling   *********************/

.node-media-mention .field-name-field-people-taxonomy-image .field-item {
    margin-top: -15px;
}

.node-media-mention .field-name-field-media-source .even {
    margin-top: -15px;
}
.node-media-mention .field-name-field-media-source .odd {
    margin-top: 0px;
}
.node-media-mention .field-name-field-media-person {
    margin-top: -5px;

}

.node-media-mention .field-name-field-media-source .taxonomy-term h2 {
    position: relative;
    display: block;
    left: 120px;
    top: 20px;

}
.node-media-mention .field-name-field-media-person .taxonomy-term h2  {
    position: relative;
    display: block;
    left: 120px;
    top: 20px;
}

.node-media-mention .field-name-field-media-source .taxonomy-term h2 a,
.node-media-mention .field-name-field-media-person .taxonomy-term h2 a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: dimgray;
}


.node-media-mention .field-name-field-views-teaser-image img {
    margin-top: 20px;
}

.node-media-mention .field-name-field-people-taxonomy-image img,
.node-media-mention .field-name-field-media-source-image img,
.node-media-mention .field-name-field-views-teaser-image img {
    margin-right: 20px;
    border: 1px solid lightgrey;
    display: block;
    width: 100px;
}

.node-media-mention .field-name-field-people-page-old {
    position: relative;
    top: -75px;
    left: 122px;
}

.node-media-mention .field-name-field-current-date {
    font-style: italic;
    font-size: 14px;
    color: dimgrey;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 10px 5px;

}

.node-media-mention .field-name-body {
    margin: 20px 0 20px 0;
}

.node-media-mention .field-name-field-media-mention-main-image {
 
}


.node-media-mention .field-name-field-media-person {

}

.node-type-media-mention .field-name-field-media-mention-title-link {
    background-color: #f3f3f3;
    padding: 8px;
    text-align: right;
    font-size: 14px;
    padding-right: 20px;
}


.front .view-faculty-news .views-row .views-field-title,
.front .view-news-taxonomy-terms .views-row .views-field-title,
.front .view-media-mentions-view .views-row .views-field-title {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 5px;
}

.page-faculty-news .view-faculty-news .views-row .views-field-title,
.page-taxonomy .view-news-taxonomy-terms .views-row .views-field-title,
.page-media-mentions .view-media-mentions-view .views-row .views-field-title,
.page-econ-events .view-econ-events-view .views-row .views-field-title  {
    font-size: 15px;
    background-color: #f3f3f3;
    padding: 10px;
    font-size: 15px;
    overflow: hidden;
    margin-bottom: 5px;
    font-weight: bold;
}



.page-economics-alumni .view-alumni-reports .views-field-field-econ-events-title-link,
.page-taxonomy .view-news-taxonomy-terms .views-field-field-econ-events-title-link,
.page-econ-events .view-econ-events-view .views-field-field-econ-events-title-link  {
    padding-bottom: 10px;
    font-style: italic;
    border-bottom: 1px solid #f3f3f3;
    overflow: hidden;
    margin-bottom: ;
}



/* This is just for the "Event location" and "Event date" lables on the View */
.page-econ-events .view-econ-events-view .italic,
.page-taxonomy .view-news-taxonomy-terms .italic {
    font-weight: bold;
}



.page-econ-events .view-econ-events-view .views-field-field-events-location,
.page-taxonomy .view-news-taxonomy-terms .views-field-field-events-location {
    overflow: hidden;
    margin-top: 10px;
    color: gray;
}

.page-econ-events .view-econ-events-view .views-field-field-econ-event-date-range,
.page-taxonomy .view-news-taxonomy-terms .views-field-field-econ-event-date-range {
    padding-bottom: 10px;
    overflow: hidden;
    margin-left: 170px;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 10px;
    color: gray;
}




.page-economics-alumni .view-alumni-reports .views-row .views-field-title a[href*="/econ-events/"] {
    pointer-events: none;
}
.page-econ-events .view-econ-events-view .views-row .views-field-title a[href*="/econ-events/"] {
    pointer-events: none;
}
.page-taxonomy .view-news-taxonomy-terms a[href*="/econ-events/"] {
    pointer-events: none;
}


.page-econ-events .view-econ-events-view .views-field-body,
.page-media-mentions .view-media-mentions-view .views-field-body,
.page-faculty-news .view-faculty-news .views-field-body,
.page-taxonomy .view-news-taxonomy-terms .views-field-body,
.page-faculty-news .view-faculty-news .views-field-field-news-text-only,
.page-taxonomy .view-news-taxonomy-terms .views-field-field-news-text-only {
    overflow: hidden;
    margin-left: 170px;
}

.page-taxonomy .views-field-term-node-tid,
.page-faculty-news .views-field-term-node-tid,
.page-econ-events .views-field-term-node-tid,
.page-media-mentions .views-field-term-node-tid {
    margin-left: 170px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.page-taxonomy .views-field-term-node-tid  a,
.page-faculty-news .views-field-term-node-tid a,
.page-econ-events .views-field-term-node-tid a,
.page-media-mentions .views-field-term-node-tid a  {
    display: inline-flex;
    border-radius: 3px;
/*    border: 1px solid #106470;*/
    padding: 2px 8px;
    font-size: 12px;
    background-color: lightgrey;
    margin-right: 10px;
    margin: 0 10px 8px 0;
}


#block-views-keyword-views-block {
    margin-bottom: 40px;
    overflow: hidden;
}


.page-node .field-name-field-news-tags {
    margin-top: 40px;
}
.page-node .field-name-field-news-tags .field-item {
    float: left;
    display: inline-flex;
    border-radius: 3px;
/*    border: 1px solid #106470;*/
    padding: 2px 8px;
    font-size: 12px;
    background-color: lightgrey;
    margin: 0 10px 8px 0;
}


#block-views-keyword-views-block .view-keyword-views .views-field {
    float: left;
    display: inline-flex;
    border-radius: 3px;
/*    border: 1px solid #106470;*/
    padding: 2px 8px;
    font-size: 12px;
    background-color: lightgrey;
    margin: 0 10px 8px 0;

}

.page-keywords .view-keyword-views {
    margin: 20px 25px 25px 0;

}
.page-keywords .view-keyword-views span {
    float: left;
    display: inline-flex;
    border-radius: 3px;
/*    border: 1px solid #106470;*/
    padding: 2px 8px;
    font-size: 12px;
    background-color: lightgrey;
    margin: 0 15px 8px 0;
}


.view-keyword-views .view-header {
    margin-bottom: 20px;
}

.page-media-mentions .view-keyword-views,
.page-econ-events .view-keyword-views,
.page-faculty-news .view-keyword-views,
.page-taxonomy .view-keyword-views,
.page-node .view-keyword-views {
    padding: 10px 20px 20px 20px;
    margin-bottom: 20px;
}


/* IMPORTANT !!! On Taxonomy term View only. This requires that the Media Mention Title field output is 
specified "Hide if Empty" on the View. Thus, as per the CSS below, only when this field is used does the adjacent 
sibling selector (.views-field-title) become active, and thus hides the general title,
as per below. This is also true for the 'current' date and 'date range' fields for the Event.*/
/*.view-news-taxonomy-terms .views-field-field-econ-events-title-link + .views-field-title {
    display: none;
}
.view-news-taxonomy-terms .views-field-field-econ-event-date-range + .views-field-field-current-date {
    display: none;
}

.view-news-taxonomy-terms .views-field-field-econ-events-title-link .field-content {
    font-size: 15px;
    font-weight: bold;
}*/







.field-name-field-news-image-banner,
.field-name-field-news-image-banner-cropped {
    margin: 30px 0 30px 0;
    border: 1px solid #f3f3f3;
}


/*Spotlight Block, Media Mentions & Appearances Block, Videos FRONT PAGE BLOCKS*/

#block-block-415,
#block-views-media-mentions-view-block-1,
#block-block-414 {
    padding: 0 20px 0 20px;
}

#block-block-413,
#block-views-faculty-news-block-1 {
    padding: 0 20px 0 0;
}


#block-block-415 .campl-heading-container,
#block-views-media-mentions-view-block-1 .campl-heading-container,
#block-views-faculty-news-block-1 .campl-heading-container,
#block-block-414 .campl-heading-container,
#block-block-413 .campl-heading-container {
    margin-left: -20px;
}

#block-block-415 .campl-heading-container h2,
#block-views-media-mentions-view-block-1 .campl-heading-container h2,
#block-block-414 .campl-heading-container h2,
#block-block-413 .campl-heading-container h2,
#block-views-faculty-news-block-1 .campl-heading-container h2 {
    font-weight: normal;
    font-size: 30px;
    line-height: 25px;
    color: #106470;
}

#block-views-faculty-news-block-1 .view-header,
#block-views-media-mentions-view-block-1 .view-header {
    margin-bottom: 20px;
    
}





#block-views-media-mentions-view-block-1 .view-content .views-row {
    height: auto;
    min-height: 100px;
    margin-bottom: 30px;
}
#block-views-faculty-news-block-1 .view-content .views-row {
    height: auto;
    min-height: 100px;
    margin-bottom: 30px;
}


#block-views-faculty-news-block-2 .view-faculty-news {
    padding: 20px;
}

#block-views-faculty-news-block-2 .view-faculty-news .views-row {
    min-height: 55px;
    border-bottom: 1px solid white;
    padding: 10px 0 10px 0;
}



#block-views-faculty-news-block-2 .view-faculty-news .views-row .views-field-title {
    font-size: 12px;
    font-weight: normal;
}


/*Recent Publications -- Front page PHP Styling*/


  #block-block-413 .parentpub  {
    height: 150px;
 }


 #block-block-413 .parentpub img {
    margin-right: 15px;
    height: 150px;
    float: left;
    clear: both;   
 }


/*Faculty Events Date Front Sidebar */

#block-views-econ-events-view-block-1 .view-footer,
#block-views-econ-events-view-block-1 .view-empty {
    padding: 10px 20px;
    margin-bottom: 30px;
}
#block-views-econ-events-view-block-1 .view-empty .no-events {
    margin-bottom: 5px;
    display: block;
}


#block-views-econ-events-view-block-1 .views-row {
    border-bottom: 1px solid white;
    margin: 5px 15px 10px 20px;
    padding: 15px 0 15px;
}



#block-views-econ-events-view-block-1 .views-row .views-field-field-events-location {
    overflow: hidden;
    margin-top: 5px;
/*    margin-left: 73px;*/
}

#block-views-econ-events-view-block-1 .date-display-single {
    background-color: #1e7680;
    display: block;
    border: 1px solid #1e7680;
    width: 50px;
    height: 50px;
    padding: 6px;
    font-weight: lighter;
    float: left;
    color: #dcf4e7;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    margin-right: 10px;
    margin-top: 5px;
}


.embedded-video .player {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
  position: relative;
  margin-top: 30px;
  margin-bottom: 40px;
}

.embedded-video .player iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}


.other-media-responsive {
  width: 100%;
  height: 0;
  padding-bottom: 20.25%; 
  position: relative;
  border: 1px solid lightgrey;
  margin-bottom: 20px;
}

.other-media-responsive iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}



.view-management-console .view-header .manage-buttons-main,
.view-manage-taxonomy .view-header .manage-buttons-main {
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    background-color: #f3f3f3;
    padding: 10px;
}

.view-management-console .view-header .manage-buttons-main a.manage-buttons,
.view-manage-taxonomy .view-header .manage-buttons-main a.manage-buttons {
    background-color: lightgrey;
    margin: 10px;
    padding: 8px;
    text-decoration: none;
    text-align: center;
}

.view-management-console .view-header a.manage-buttons:hover,
.view-manage-taxonomy .view-header a.manage-buttons:hover {
    background-color: darkgrey;
}

.view-management-console .view-header .manage-buttons-main a.mb1 {order: 1;}
.view-management-console .view-header .manage-buttons-main a.mb2 {order: 2;}
.view-management-console .view-header .manage-buttons-main a.mb3 {order: 3;}
.view-management-console .view-header .manage-buttons-main a.mb4 {order: 4;}
.view-management-console .view-header .manage-buttons-main a.mb5 {order: 5;}
.view-management-console .view-header .manage-buttons-main a.mb6 {order: 6;}
.view-management-console .view-header .manage-buttons-main a.mb7 {order: 7;}

.view-management-console #views-exposed-form-management-console-page-1,
.view-manage-taxonomy #views-exposed-form-management-console-page-1 {
    background-color: #f3f3f3;
    padding: 20px;
    margin: 10px 0;
}



.view-management-console .views-reset-button input,
.view-management-console .views-submit-button input,
.view-manage-taxonomy .views-reset-button input,
.view-manage-taxonomy .views-submit-button input {
    width: 100px;
    height: 27px;
    position: relative;
    top: 4px;

}




.view-alumni-reports .views-row {
    margin: 25px 0 50px 0;
    min-height: 150px;
}
.view-alumni-reports .views-row .views-field-field-alumni-snippet{
    overflow: hidden;
    margin-top: 5px;
}

.view-alumni-reports .views-row .views-field-title {
    background-color: #f3f3f3;
    padding: 10px;
    font-size: 15px;
    overflow: hidden;
    margin-bottom: 5px;
}

.alumni-summary-sidebar-link {
    margin-top: -15px;
    margin-bottom: 10px;
}
.alumni-newsletter-sidebar-link {
    margin-top: 25px;
    display: block;
    background-color: white;
    padding: 5px 30px;
    text-align: center;
}

.page-economics-alumni .vocabulary-alumni-newsletter-reports {
    display: block;
    background-color: #f3f3f3;
    overflow: hidden;
    margin: 25px 0 25px 0;
    padding: 20px;

}

.page-economics-alumni .view-alumni-reports .views-field-type {
    display: block;
    border-bottom: 1px solid #f3f3f3;
    overflow: hidden;
    padding: 6px 0 12px 0;
    margin-bottom: 10px;
    color: gray;
}

.page-economics-alumni .vocabulary-alumni-newsletter-reports h2 {
    display: none;
}

.page-economics-alumni .vocabulary-alumni-newsletter-reports img {
    float: left;
    margin-right: 50px;
}


body.page-bulk-import .campl-wrap {
    width: 100%;
    margin: 0;
    padding: 0;
}

body.page-bulk-import .campl-wrap tbody tr td {
    width: 150px
}





