/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');

body{font-family: 'Rubik', sans-serif; font-weight: 300;font-size: 16px; word-wrap: break-word; margin-top: 0;}

h1{font-size: 36px; text-align: center;}
h2{font-size: 26px;}
h1, h2, h3, h4, h5, h6{font-family: 'Rubik', sans-serif; font-weight: 600;}
a{color: #0076aa;}

.view img{width: 100%;}

/* PRE HEADER */
/*.region-preheader{background: #d14878; text-align: center; color: #f7d555; font-weight: bold;}
.region-preheader a,
.region-preheader a:hover{color: #f7d555;}*/
.region-preheader{background: #B11226; text-align: center; color: white; font-weight: bold;}
.region-preheader a,
.region-preheader a:hover{color: white;}

#block-logo{max-width: 230px; padding: 30px 15px 15px 15px;}
#block-donate{background: #aa2ab5; padding: 20px 20px; width: 210px; border-radius: 0 0 15px 15px; float: right;}
#block-donate img{width: 100%;}
#block-donate-2{display: none;}
#block-socialmedialinks-2{float: right; padding: 10px}
#block-socialmedialinks-2 a{color: darkgrey;}
#block-socialmedialinks-2 a:hover{color: #9aa235;}
.search-block-form{float: right; width: 420px; clear: right; margin-top: 15px; }
.search-block-form .form-control{background-color: #f7f7f7;}
.search-block-form .form-search{border-radius: 15px 0 0 15px; padding-left: 15px;}

.logo img{max-width: 200px; padding-top: 20px;}
#block-header{text-align: right; float: right; background: #9aa235; border-radius: 0 0 15px 15px;}
#block-header a{color: white;}
#block-header ul.menu{display: inline;}
#block-header ul.menu li{display: inline-block;}
#block-header ul.menu li a:hover,
#block-header ul.menu li a:active{background: none;}

.navbar-header{width: 100%;}
.navbar-toggle{position: absolute; top: 0; right: 0; background: #ffe71e;}
.navbar{margin-bottom: 0;}
.collapsible-bg{background: #ffe71e;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background: #e8c24e;}
.dropdown-menu{background: #e8c24e;}
.dropdown-menu > li, .dropdown-menu > li{width: 100%;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background: #ffe71e; width: 100%;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background: #f1c200;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{background: white;}

/* SUPERFISH */
#block-jemford-mainnavigation .sf-sub-indicator{font-size: 0.5em;}
#block-jemford-mainnavigation li{text-transform: uppercase; font-weight: bold; width: 16.666%; text-align: center; float: none; display: inline-block;}
#block-jemford-mainnavigation li ul{margin-top: 7px; width: 20em !important;}
#block-jemford-mainnavigation li a{color: white;}
#block-jemford-mainnavigation li li{font-weight: normal; width: 100%; text-align: left;}
    /* WELLBEING */
#block-jemford-mainnavigation li#main-menu-link-contentfed83ee6-95bb-4220-bdae-23862a048bc5,
#block-jemford-mainnavigation li#main-menu-link-contentfed83ee6-95bb-4220-bdae-23862a048bc5 ul{background: #0076aa;}
    /* HERITAGE */
#block-jemford-mainnavigation li#main-menu-link-contentae3de1b0-b45b-4a1e-9b8a-ca30cf2af522,
#block-jemford-mainnavigation li#main-menu-link-contentae3de1b0-b45b-4a1e-9b8a-ca30cf2af522 ul{background: #9ca148;}
    /* ARTS */
#block-jemford-mainnavigation li#main-menu-link-contentea6746a9-eff8-4770-90d6-5f5d21c528d9,
#block-jemford-mainnavigation li#main-menu-link-contentea6746a9-eff8-4770-90d6-5f5d21c528d9 ul{background: #c66840;}
    /* HOUSING */
#block-jemford-mainnavigation li#main-menu-link-content2c5a3b76-2612-4d78-a1ab-495108d262f8,
#block-jemford-mainnavigation li#main-menu-link-content2c5a3b76-2612-4d78-a1ab-495108d262f8 ul{background: #e9c342;}
    /* WHATS ON */
#block-jemford-mainnavigation li#main-menu-link-content7d77dcfa-39fa-4089-b5f4-c76ca5e23353,
#block-jemford-mainnavigation li#main-menu-link-content7d77dcfa-39fa-4089-b5f4-c76ca5e23353 ul{background: #009f98;}
    /* ABOUT US */
#block-jemford-mainnavigation li#main-menu-link-content77ea70f5-85b4-45f2-973a-28b558b0c964,
#block-jemford-mainnavigation li#main-menu-link-content77ea70f5-85b4-45f2-973a-28b558b0c964 ul{background: #ffe71e;}
#block-jemford-mainnavigation li#main-menu-link-content77ea70f5-85b4-45f2-973a-28b558b0c964 a{color: black}

.container-header{margin-bottom: 23px; padding: 0;}
.container-header-heading{padding: 0;}
.container-header-heading img{width: 100%}
.flexslider{margin: 0; border: 0; padding-top: 0;}

.author{margin-bottom: 30px;}

.addtoany_list a{padding: 0 5px 30px 0;}

/* VIDEOS (FITTING) */
.video-wrapper{float: right; margin: 0 0 30px 30px; width: 50%;}
.iframe-wrapper{position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */}
/* Then style the iframe to fit in the container div with full height and width */
.iframe-wrapper iframe{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;}
.field--name-field-video .field--name-field-media-oembed-video {position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */}
/* Then style the iframe to fit in the container div with full height and width */
.field--name-field-video .field--name-field-media-oembed-video iframe {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;}

.field--name-body img{max-width: 100%; height: auto;}

.field--name-field-image,
.field--name-field-logos{float: right; margin: 0 0 30px 30px; width: 50%;}
.field--name-field-image-bio{float: right; margin: 0 0 30px 30px; width: 25%;}
.field--name-field-image img,
.field--name-field-logos img,
.field--name-field-image-bio img{width: 100%;}

.slick--field-images{clear: both; margin: 30px 0;}

.field--name-field-video{margin: 30px 0; clear: both;}

/* BUTTONS & LINKS */
.field--name-field-link .field--item,
.view-footer p{margin: 30px 15px 30px 0; display: inline-block;}
.views-field-view-node a,
.field--name-field-link .field--item a,
.view-footer p a{background: #9aa235; box-shadow: inset 0 0 0 0 #9aa235; padding: 15px; color: white; margin: 0 -.25rem; transition: box-shadow .3s ease-in-out; font-weight: 700;}
.views-field-view-node a:hover,
.field--name-field-link .field--item a:hover,
.view-footer p a:hover{background: none; box-shadow: inset 640px 0 0 0 #0076aa; text-decoration: none;}
.btn-primary{background: #9aa235}
.btn-primary:hover, .btn-primary:active:hover{background: #0076aa}
/* INVERTED COLORS */
.pager li.next a,
.pager li.previous a{background: #0076aa; box-shadow: inset 0 0 0 0 #0076aa; padding: 15px; color: white; margin: 0 -.25rem; transition: box-shadow .3s ease-in-out; font-weight: 700; border-radius: 0;}
.pager li.next a:hover,
.pager li.previous a:hover{background: none; box-shadow: inset 640px 0 0 0 #9aa235; text-decoration: none;}

/* FLEXSLIDER FULL */
/*.container-header{margin-bottom: 0; padding: 0;}
.container-header-heading{padding: 0;}
.container-header-heading img{width: 100%}
.flexslider{margin: 0; border: 0;}
.flexslider .views-field-slideshow-banner-image img{object-fit: cover; height: 100%;}*/
.slideshow-float-bg{max-width: 1400px; margin: 0 auto; padding: 0 30px;}
.slideshow-float::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.slideshow-float{position: absolute; max-width: 50%; padding: 10px 0 30px; margin: 0; display: table; z-index: 1;}
.slideshow-float p,
.slideshow-float ul{max-width: 555px; font-size: 26px;}
.slideshow-float span{vertical-align: middle; display: table-cell; font-size: 26px; max-width: 555px;}
.slideshow-float span .content{padding: 30px}
.slideshow-float span .title{padding-top: 30px; font-weight: 700; color: white; font-size: 60px; max-width: 555px; display: block; text-shadow: 2px 2px 5px #333333;}
.slideshow-float span p,
.slideshow-float span ul{padding-bottom: 30px; color: white; text-shadow: 2px 2px 5px #333333;}
.slideshow-float a{background: white !important; border-radius: 30px; color: black; padding: 15px 30px;}

.field--name-field-leaflet-pdf{margin: 30px 0;}

.field--name-field-paragraphs{border-top: 1px #eeeeee solid; margin-top: 60px;}
.paragraph{padding-top: 80px}
.paragraph img{}
.paragraph--type--spacer .clearfix{clear: both; padding-top: 60px}
.paragraph--type--spacer .clearfix-small{clear: both; padding-top: 0}
.paragraph--type--banner-image-text img{margin-bottom: 30px}
.paragraph--type--images .field--item,
.paragraph--type--image-gallery-portrait- .field--item{width: 33.333%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; padding-bottom: 30px;}
.paragraph--type--video .field--name-field-video{text-align: center; margin-right: 20%; margin-left: 20%}

.field--name-field-extra-content .field--item{display: inline;}

.paragraph--type--image-gallery-3x-portrait-,
.paragraph--type--info-graphics{font-size: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.paragraph--type--image-gallery-3x-portrait-{clear: both; margin-bottom: 60px;}
.paragraph--type--image-gallery-3x-portrait- .field--item{float: left; display: inline-block; width: 33.333%; }
.paragraph--type--info-graphics{float: left; display: inline-block; width: 25%; vertical-align: top; padding: 30px; text-align: center;}
.paragraph--type--info-graphics img{border-radius: 15px;}
.paragraph--type--info-graphics .field--name-field-headline{display: block; font-size: 26px;}
.paragraph--type--info-graphics .field--name-field-text{display: block; font-size: 14px; height: 100px}
.paragraph--type--text-area{clear: both;}

.paragraph--type--company-logos,
.paragraph--type--info-graphics-3x-nested{margin-bottom: 60px; clear: both;}
.paragraph--type--company-logos .field--name-field-nested-content,
.paragraph--type--info-graphics-3x-nested .field--name-field-nested-content-1{display: flex; flex-wrap: wrap; justify-content: center;}
.paragraph--type--company-logos .field--name-field-nested-content .field--item,
.paragraph--type--info-graphics-3x-nested .field--name-field-nested-content-1 .field--item{width: 31.333%; text-align: center; padding: 30px 15px; margin: 1%; align-self: flex-end;}
.paragraph--type--info-graphics-3x-nested .field--name-field-nested-content-1 .field--item{align-self: flex-start;}
.paragraph--type--company-logos .field--name-field-nested-content .field--item:nth-child(odd){}
.paragraph--type--company-logos .field--name-field-nested-content .field--item .field--item,
.paragraph--type--info-graphics-3x-nested .field--name-field-nested-content-1 .field--item .field--item{width: 100%; text-align: inherit; background: inherit; padding: inherit; margin: inherit;}
.paragraph--type--company-logos-individual,
.paragraph--type--info-graphics-3x{padding-top: 0;}
.paragraph--type--company-logos-individual  .field--name-field-logo{}
.paragraph--type--company-logos-individual  .field--name-field-logo img{height: 200px; max-width: 100%; width: auto; margin: 0 auto 15px;}
.paragraph--type--info-graphics-3x img{height: auto; max-width: 100%; width: auto; margin: 0 auto 15px;}
.paragraph--type--company-logos-individual  .field--name-field-headline,
.paragraph--type--info-graphics-3x-nested .field--name-field-nested-content-1 .field--name-field-headline{font-size: 1.25em; padding-bottom: 15px !important;}
.paragraph--type--info-graphics-3x-nested .field--name-field-nested-content-1 .field--name-field-headline{display: block; font-weight: bold;}
.paragraph--type--info-graphics-3x-nested .field--name-field-link{margin-top: 30px}
.paragraph--type--info-graphics-3x-nested .field--name-field-link .field--item{display: inline-block;}

.paragraph--type--bio{display: flex; flex-wrap: wrap; background: #0076aa; margin: 60px 0 30px 30px; padding-top: 0 !important;}
.paragraph--type--bio .field--name-field-image{float: none; width: 25%; margin: -30px 0 0 -30px;}
.paragraph--type--bio .field--name-field-image img{border-right: white solid 15px; border-bottom: white solid 15px}
.paragraph--type--bio .group{width: 75%; padding: 30px 0}
.paragraph--type--bio .group .field--name-field-title{font-size: 2em; font-weight: bold; background: #666666; width: 100%; display: block; padding-left: 30px; color: white}
.paragraph--type--bio .group .field--name-field-text-area{padding: 30px; color: white;}
.paragraph--type--bio .group .field--name-field-text-area p{padding: 0 30px;}

.paragraph--type--media-and-text {display: flex; flex-wrap: wrap; padding: 0; align-items: center; max-width: 1170px; margin: 0 auto;}
.paragraph--type--media-and-text .field{width: 50%;}
.paragraph--type--media-and-text .field .field{width: 100%;}
.paragraph--type--media-and-text .field--name-field-text-area,
.paragraph--type--media-and-text .field.field--name-field-media-image{padding: 60px;}
.paragraph--type--media-and-text .field--name-field-text-area img{height: auto !important;}
.paragraph--type--media-and-text .field.field--name-field-media-image img{margin: 0 auto; width: 100%; max-width: 640px;}

/* PARAGRAPHS STYLES */
/*.blue{background: #55b0dd; color: white;}
.blue a{color: white;}
.blue .button{background: white; border: 1px white; color: black; display: inline-block; margin-top: 30px; padding: 15px 30px;}
.blue .button:hover{background: white; border: 1px white; color: black;}
.grey{background: #f7f7f7;}
.darkgrey{background: #6d6e71; color: white;}
.darkgrey a{color: white;}
.black{background: black; color: white;}
.black a{color: white;}*/
.bada{background: #f2ca30 !important;}
.bada p{color: black !important;}
.bada .field--name-field-title{background: #346938 !important;}
.arts{background: #c66840 !important;}
.padding_top{padding-top: 120px;}
.bottom_padding{padding-bottom: 120px;}
.align-center{text-align: center;}
.switch,
.switch .group{flex-direction: row-reverse;}
.cover.paragraph--type--media-and-text {align-items: inherit; max-width: inherit; margin: inherit;}
.cover.paragraph--type--media-and-text .field.field--name-field-media-image .field--item,
.cover.paragraph--type--media-and-text .field.field--name-field-media .field.field--name-field-media-image,
.cover.paragraph--type--media-and-text .field.field--name-field-media > div{height: 100%;}
.cover.paragraph--type--media-and-text  .field.field--name-field-media-image img{object-fit: cover; height: 100%; width: 100%;}
.cover.paragraph--type--media-and-text .field--name-field-text-area{align-self: center;}
.cover.paragraph--type--media-and-text .field.field--name-field-media-image{padding: 0;}
.cover.paragraph--type--media-and-text .field.field--name-field-media-image img{margin: 0; max-width: 100%;}
.image-small.paragraph--type--media-and-text .field.field--name-field-media-image img{max-width: 320px;}

.field--name-webform{background: #f7f7f7; padding: 30px; margin-top: 60px; border-radius: 15px; border: 1px #eee solid}

/* CONTACT */
.map{float: right; width: 50%; margin: 0 0 30px 30px;}
.path-contact form{background: #f7f7f7; border-radius: 5px; padding: 30px; margin-top: 30px;}

/* SECTIONS */
.view-homepage-sections{margin-top: 60px;}
.view-homepage-sections .row{display: flex; flex-wrap: wrap;}
.view-homepage-sections .col{margin-bottom: 30px;}
.view-homepage-sections .views-field-field-banner-image{overflow: hidden;}
.view-homepage-sections .views-field-field-banner-image img{transition: transform .3s;}
.view-homepage-sections .views-field-field-banner-image:hover img{transform: scale(1.5);}
.view-homepage-sections .views-field-title{background: #0076aa; padding: 10px;}
.view-homepage-sections .col-1 .views-field-title{background: #9ca148;}
.view-homepage-sections .col-2 .views-field-title{background: #c66840;}
.view-homepage-sections .col-3 .views-field-title{background: #0076aa;}
.view-homepage-sections .col-4 .views-field-title{background: #e9c342;}
.view-homepage-sections .views-field-title a{color: white; font-size: 1.5em; }
.view-homepage-sections .views-field-body{padding: 10px; margin-bottom: 75px;}
.view-homepage-sections .views-field-view-node{padding: 10px 10px 25px 15px; position: absolute; bottom: 0;}
.view-homepage-sections .views-field-nothing{background: #f7f7f7; height: 100%}

/* PROJECT */
.view-projects .col{margin-bottom: 30px;}
.view-projects .row{display: flex; flex-wrap: wrap;}
.view-projects .views-field-field-banner-image{overflow: hidden;}
.view-projects .views-field-field-banner-image img{transition: transform .3s;}
.view-projects .views-field-field-banner-image:hover img{transform: scale(1.5);}
.view-projects .views-field-title{background: #0076aa; padding: 10px;}
.view-projects .views-field-title a{color: white; font-size: 1.5em; }
.view-projects .views-field-field-section-select{background: #f7f7f7; padding: 10px;}
.view-projects .views-field-body{padding: 10px; margin-bottom: 75px;}
.view-projects .views-field-view-node{padding: 10px 10px 25px 15px; position: absolute; bottom: 0;}
.view-projects .views-field-field-section-select a{color: #9aa235; font-weight: 700;}
.view-projects .views-field-nothing{background: #f7f7f7; height: 100%}

/* EVENTS */
.view-events .col{margin-bottom: 30px;}
.view-events .row{display: flex; flex-wrap: wrap;}
.block-views-blockevents-block-3 nav{background: #f7f7f7;} /* FRONT PAGE */
.block-views-blockevents-block-3 nav .pager{margin-top: 0;} /* FRONT PAGE */
.view-events .views-field-field-banner-image{overflow: hidden;}
.view-events .views-field-field-banner-image img{transition: transform .3s;}
.view-events .views-field-field-banner-image:hover img{transform: scale(1.5);}
.view-events .views-field-title{background: #0076aa; padding: 10px}
.view-events .views-field-title a{color: white; font-size: 1.5em;}
.view-events .views-field-field-date-of-event-s{padding: 10px;}
.view-events .views-field-body{padding: 10px; margin-bottom: 75px;}
.view-events .views-field-view-node{padding: 10px 10px 25px 15px; position: absolute; bottom: 0;}
.view-events .views-field-field-date-of-event-s{color: #9aa235; font-weight: 700;}
.view-events .views-field-field-date-of-event-s .date-recur-date:first-child time:first-child::before,
.view-events .views-field-field-date-of-event-s .date-recur-occurrences li:first-child time:first-child::before{content: 'Next date: ';}
.field--type-date-recur li:nth-child(5)::after{content: 'and more'; display: block;}
.view-events .views-field-nothing{background: #f7f7f7; height: 100%}

.page-node-type-events-page .field{margin-bottom: 15px;}
.page-node-type-events-page .field--name-field-eventbrite{background: #f7f7f7; padding: 15px 15px 45px;}

/* TIMELINE - DELETE*/
.timeline-item .views-field-title{font-weight: bold; padding: 0 15px; font-size: 2em;}
.timeline-item .views-field-nothing .field-content,
.timeline-item .views-field-nothing-1 .field-content{display: flex;}
.timeline-item .views-field-nothing .field-content .field_image,
.timeline-item .views-field-nothing-1 .field-content .field_image,
.timeline-item .views-field-nothing .field-content .field_body,
.timeline-item .views-field-nothing-1 .field-content .field_body{width: 50%; padding: 15px; overflow: hidden;}
.timeline-item .views-field-nothing .field-content .field_image img,
.timeline-item .views-field-nothing-1 .field-content .field_image img{transition: transform .3s;}
.timeline-item .views-field-nothing .field-content .field_image img:hover,
.timeline-item .views-field-nothing-1 .field-content .field_image img:hover{transform: scale(1.5);}
.timeline-item.odd .views-field-nothing .field-content .field_image,
.timeline-item.odd .views-field-nothing-1 .field-content .field_image{order: 2;}
.timeline-item.odd .views-field-nothing .field-content .field_body,
.timeline-item.odd .views-field-nothing-1 .field-content .field_body{order: 1;}
.timeline-item.even .views-field-nothing .field-content .field_image,
.timeline-item.even .views-field-nothing-1 .field-content .field_image{order: 1;}
.timeline-item.even .views-field-nothing .field-content .field_body,
.timeline-item.even .views-field-nothing-1 .field-content .field_body{order: 2;}
.field--name-field-secondary-section{margin: 30px 0;}

/* TIMELINE NEW */
.view-duplicate-of-timeline .views-row:nth-child(odd) .views-field-nothing .sections{display: flex; flex-direction: row;}
.view-duplicate-of-timeline .views-row:nth-child(even) .views-field-nothing .sections{display: flex; flex-direction: row-reverse;}
.view-duplicate-of-timeline .views-row .views-field-nothing .sections img{width: 50%; display: inline;}
.view-duplicate-of-timeline .views-row .views-field-nothing .sections .section-1{width: 50%; padding: 0;}
.view-duplicate-of-timeline .views-row .views-field-nothing .sections .section-2{width: 50%; padding: 0 30px 60px;}
.view-duplicate-of-timeline .views-row:nth-child(odd) .views-field-nothing .section-1,
.view-duplicate-of-timeline .views-row:nth-child(even) .views-field-nothing .section-2{border-right: 1px solid black; text-align: right; padding-bottom: 60px;}
.view-duplicate-of-timeline .views-row:nth-child(even) .views-field-nothing .section-1,
.view-duplicate-of-timeline .views-row:nth-child(odd) .views-field-nothing .section-2{border-left: 1px solid black; padding-bottom: 60px;}
.view-duplicate-of-timeline .field_title{font-weight: bold; font-size: 3em; color: #9aa235;}
.view-duplicate-of-timeline .field_title.year-Off{display: none;}
.view-duplicate-of-timeline .views-row:nth-child(odd) .field_title.year-On::after{content: " -"; margin-right: -4px; color: black;}
.view-duplicate-of-timeline .views-row:nth-child(even) .field_title.year-On::before{content: "- "; margin-left: -4px; color: black;}
.view-duplicate-of-timeline .field_sub_title{font-weight: bold; font-size: 1.5em; margin: 0 30px;}
.view-duplicate-of-timeline .sections .field_body,
.view-duplicate-of-timeline .sections .field_second_section{visibility: hidden; opacity: 0; height: 0; margin: 0 30px; padding: 15px; transition: 1s;}
.view-duplicate-of-timeline .sections .field_second_section .field_body{margin: 0; padding: 15px 0 !important;}
.view-duplicate-of-timeline .sections .field_image img{transition: width 1s;}
.view-duplicate-of-timeline .sections:hover .field_body,
.view-duplicate-of-timeline .sections:hover .field_second_section{visibility: visible; opacity: 1; height: auto; background: #f1f1f1;}
.view-duplicate-of-timeline .sections:hover .field_image img{width: 70%;}

/* NEWS */
.view-news .view-filters{background: #f5f5f5; border-radius: 5px; padding: 15px; margin: 30px 0;}
.view-news .view-filters .form-item{margin-right: 30px;}
.view-news .view-filters .form-item input{margin-right: 5px;}
.view-news legend{display: none;}
.view-news .col{margin-bottom: 30px;}
.view-news .row{display: flex; flex-wrap: wrap;}
.block-views-blocknews-block-2 nav{background: #f7f7f7;} /* FRONT PAGE */
.block-views-blocknews-block-2 nav .pager{margin-top: 0;} /* FRONT PAGE */
.view-news .views-field-field-banner-image{overflow: hidden;}
.view-news .views-field-field-banner-image img{transition: transform .3s;}
.view-news .views-field-field-banner-image:hover img{transform: scale(1.5);}
.view-news .views-field-title{background: #0076aa; padding: 10px;}
.view-news .views-field-title a{color: white; font-size: 1.5em; }
.view-news .views-field-created,
.view-news .views-field-nothing{padding: 10px;}
.view-news .views-field-body{padding: 10px; margin-bottom: 75px;}
.view-news .views-field-view-node{padding: 10px 10px 25px 15px; position: absolute; bottom: 0;}
.view-news .views-field-nothing{color: #9aa235; font-weight: 700;}
.view-news .views-field-nothing-1{background: #f7f7f7; height: 100%}

/* BIOS */
.view-bios .col{margin-bottom: 30px;}
.view-bios .views-field-title{background: #0076aa; padding: 10px;}
.view-bios .views-field-title a{color: white; font-size: 1.5em;}
.view-bios .views-field-field-role-organisation,
.view-bios .views-field-view-node{background: #f7f7f7; padding: 10px;}
.view-bios .views-field-view-node{padding: 10px 10px 25px 15px;}
#block-jemford-views-block-bios-block-4 h2{text-align: center; margin-top: 60px; margin-bottom: 60px;}

.page-node-type-bio-pages .field{margin-bottom: 15px;}

/* TRAILS */
#block-views-block-trails-block-1{width: 50%; float: right; margin: 0 0 30px 30px; z-index: 1;}
#block-views-block-trails-block-1 tr:first-child td{border: 0;}
#block-views-block-trails-block-1 img{max-width: 500px;}
.field--name-field-general-tour-information{margin-top: 30px;}

/* ORGANISATIONS */
.view-organisations .col{margin-bottom: 30px;}
.view-organisations .views-field-field-logos{margin-bottom: 15px;}
.view-organisations .views-field-title{background: #0076aa; padding: 10px; color: white;}
.view-organisations .views-field-field-website,
.view-organisations .views-field-field-contact,
.view-organisations .views-field-field-short-description,
.view-organisations .views-field-field-page-visible-{background: #f7f7f7; padding: 10px;}

/* JOBS */
.view-jobs .col{margin-bottom: 30px;}
.view-jobs .views-field-title{background: #0076aa; padding: 10px}
.view-jobs .views-field-title a{color: white; font-size: 1.5em;}
.view-jobs .views-field-field-location-job,
.view-jobs .views-field-field-salary,
.view-jobs .views-field-field-hours,
.view-jobs .views-field-field-terms,
.view-jobs .views-field-view-node{background: #f7f7f7; padding: 10px;}
.view-jobs .views-field-field-salary{font-weight: bold;}

.page-node-type-job-vacancy-page .field--label-inline .field--label{min-width: 150px !important;}
.page-node-type-job-vacancy-page .field--name-body{margin: 30px 0;}

.field--name-field-contact{margin-top: 30px;}

/* CAROUSEL */
.view-carousel{position: relative; margin-top: 60px;}
.view-carousel img:nth-child(2),
.view-carousel .image-carousel-text{visibility: hidden; height: 0; opacity: 0;}
.view-carousel .image-carousel-text .title{font-weight: bold; font-size: 1.5em;}
.view-carousel .image-carousel-text a{font-weight: bold;}
.view-carousel:hover img:nth-child(1){visibility: hidden; height: 0; opacity: 0;}
.view-carousel:hover img:nth-child(1){transition: visibility 0s, opacity 0.5s linear;}
.view-carousel:hover img:nth-child(2),
.view-carousel:hover .image-carousel-text{visibility: visible; height: inherit; opacity: 1; transition: visibility 0s, opacity 1s linear;}
/* LEAVE IN PLACE DUE TO CONFLICTS */
.view-carousel .image-carousel-text{position: absolute; z-index: 10; bottom: 0px; left: 0px; padding: 30px; background-color: rgba(0, 0, 0, 0.4); color: white;}

/* TESTIMONIALS */
#block-views-block-testimonials-block-1{background: #9ca148; margin-top: 60px; font-size: 1.5em; color: white; padding-top: 60px;}
#block-views-block-testimonials-block-1 h2{color: white; text-align: center;}
#block-views-block-testimonials-block-1 .view{max-width: 1170px; margin: 0 auto; padding: 60px 0;}
#block-views-block-testimonials-block-1 .flexslider{background: none;}
#block-views-block-testimonials-block-1 .views-field{padding-left: 30px; padding-right: 30px;}
#block-views-block-testimonials-block-1 .review-body{font-style: italic; margin-bottom: 30px;}
#block-views-block-testimonials-block-1 .review-body p::before,
#block-views-block-testimonials-block-1 .review-body p::after{content: '"';}
#block-views-block-testimonials-block-1 .review-attribution .review-title{font-weight: bold;}
#block-views-block-testimonials-block-1 .views-field-field-image-bio img{border-radius: 200px}
#block-views-block-testimonials-block-1 .flex-control-nav{position: relative;}

/* DIVERSITY */
#block-diversity{background: #efebcd;}
#block-diversity .field--name-body{max-width: 1170px; margin: 0 auto; padding: 60px 0; color: black; font-size: 1.5em;}
#block-diversity .field--name-body p,
#block-diversity .field--name-body h2{padding-left: 30px; padding-right: 30px;}
#block-diversity .field--name-body img{width: 100%; height: auto;}

/* JUST GIVING */
#block-justgiving{background: #b7dbf1 url('/sites/default/files/blocks/justgiving.jpg') no-repeat left bottom;}
#block-justgiving .field--name-body{max-width: 1170px; margin: 0 auto; padding: 60px 30px 450px; color: black; font-size: 1.5em; text-align: center;}

/* LOGOS */
.view-logos{background: #f7f7f7; padding: 30px;}
.view-logos li{padding: 15px !important;}

#block-jemford-views-block-logos-block-2{text-align: center; margin-top: 60px; margin-bottom: 60px;}
#block-jemford-views-block-logos-block-2 .view-logos{background: none;}
#block-jemford-views-block-logos-block-2 .col{padding: 30px 15px;}
#block-jemford-views-block-logos-block-2 img{height: 200px; width: auto; max-width: 100%; margin: 0 auto 15px;}

.footer-bg{background: #9aa235;}
.footer{border: 0; color: white; margin-top: 0;}
.footer a,
.footer h2{color: white;}
.footer li a:hover{background: none; text-decoration: underline;}

/* WEBFORMS */
.field--name-webform label{font-weight: bold; color: black;}
.field--name-webform label.option{font-weight: inherit; color: inherit;}

ul.menu--footer{list-style-type: disc; padding-left: 1.5em;}
ul.menu--footer li{display: list-item; text-align: -webkit-match-parent;}
ul.menu--footer li a{padding: 0}

/* LARGE BREAKPOINT */
@media only screen and (max-width: 1170px) {
    #block-jemford-mainnavigation li{width: 20%;}
}

/* MEDIUM BREAKPOINT */
@media only screen and (max-width: 1080px) {
    #block-jemford-mainnavigation li{width: 25%;}
}

/* SMALL BREAKPOINT */
@media only screen and (max-width: 990px) {
    #block-jemford-headertopleft,
    #block-jemford-headertopright{margin-top: 30px}
    
    .paragraph--type--info-graphics{width: 33.333%;}
    
    /* DELETE #block-diversity .field--name-body{margin-left: 50%; font-size: inherit;}*/
}

/* X-SMALL BREAKPOINT */
@media only screen and (max-width: 768px) {
    .navbar .container{padding-right: 0; padding-left: 0;}
    .navbar .container .navbar-header{margin-right: 0; margin-left: 0;}
    #block-header{text-align: left; float: none; border-radius: 0; height: 65px}
    #block-header a{padding-top: 20px}
    
    /* SUPERFISH */
    #block-jemford-mainnavigation li{font-weight: normal; width: 100%; text-align: left; background: none !important;}
    #block-jemford-mainnavigation li ul{margin: -30px 0 60px; width: 100% !important; display: block; padding: 0 10px; position: relative; background: #f1c200 !important; box-shadow: none; top: 30px !important; bottom: 0 !important;}
    #block-jemford-mainnavigation li a{color: black; padding: 10px 0;}
    
    #block-logo{max-width: 47.5%;}
    #block-socialmedialinks-2{float: none; padding: 10px 10px 0; background: #9aa235}
    #block-socialmedialinks-2 a{color: white;}
    #block-socialmedialinks-2 a:hover{color: #ffe71e;}
    #block-donate{display: none;}
    #block-donate-2{display: block; background: #aa2ab5; padding: 10px 15px; width: 200px; max-width: 47.5%; border-radius: 15px; float: right; margin-right: 15px; margin-top: 15px;}
    #block-donate-2 img{width: 100%;}
    .search-block-form{width: 200px; margin-right: 15px; max-width: 47.5%;}
    
    /* DELETE */
    .timeline-item .views-field{text-align: left !important;}
    .timeline-item .views-field-nothing .field-content,
    .timeline-item .views-field-nothing-1 .field-content{display: block;}
    .timeline-item .views-field-nothing .field-content .field_image,
    .timeline-item .views-field-nothing-1 .field-content .field_image,
    .timeline-item .views-field-nothing .field-content .field_body,
    .timeline-item .views-field-nothing-1 .field-content .field_body{width: 100%; padding: 15px;}
    ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper,
    ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper{float: right !important; width: 100%;}
    ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker,
    ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker{left: 0 !important;}
    ul.timeline-list.alternate:after{left: 0 !important;}
    ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper{padding-left: 1rem;}
    
    .field--name-field-image-bio{width: 50%;}
    
    .paragraph img{padding: 20px 0;}
    .paragraph{padding-top: 20px}
    .paragraph--type--spacer .clearfix{padding-top: 0}
    .paragraph--type--text-text .field--name-field-text-2{margin-top: 30px}
    .paragraph--type--images .field--item,
    .paragraph--type--image-gallery-portrait- .field--item{width: 50%; padding-bottom: 0px;}
    
    .paragraph--type--bio .field--name-field-image{width: 50%;}
    .paragraph--type--bio .field--name-field-image img{padding-bottom: 0;}
    .paragraph--type--bio .group{width: 50%;}

    #block-views-block-testimonials-block-1 .views-field-field-image-bio img{padding-top: 30px;}
    /* DELETE #block-diversity{background-size: 100% !important;}
    #block-diversity .field--name-body{margin-left: 0%; padding-bottom: 500px;}*/
}

/* INVERSE X-SMALL BREAKPOINT */
@media only screen and (min-width: 768px) {
    .navbar-nav{float: none; text-align: center;}
    .navbar-nav li{float: left; display: inline; font-weight: 600; text-transform: uppercase; min-width: 16.666%;}
    .navbar-nav li a{color: black !important}
    .navbar-nav li.expanded li{font-size: 1.25em;}
    /* WELLBEING */
    .navbar-nav li.expanded:nth-child(1), .navbar-nav li.expanded:nth-child(1) a, .navbar-nav li.expanded.open:nth-child(1) ul, .navbar-nav li.expanded.open:nth-child(1) a, .navbar-nav li.expanded.open:nth-child(1) a:focus, .navbar-nav li.expanded.active:nth-child(1) a, .navbar-nav li.expanded.active:nth-child(1) a:hover, .navbar-nav li.expanded.active:nth-child(1) a:focus{background: #0076aa; color: white !important;} 
    .navbar-nav li.expanded.open:nth-child(1) a:hover{background-color: rgba(255,255,255,0.2)}
    /* HERITAGE */
    .navbar-nav li.expanded:nth-child(2), .navbar-nav li.expanded:nth-child(2) a, .navbar-nav li.expanded.open:nth-child(2) ul, .navbar-nav li.expanded.open:nth-child(2) a, .navbar-nav li.expanded.open:nth-child(2) a:focus, .navbar-nav li.expanded.active:nth-child(2) a, .navbar-nav li.expanded.active:nth-child(2) a:hover, .navbar-nav li.expanded.active:nth-child(2) a:focus{background: #9ca148; color: white !important;} 
    .navbar-nav li.expanded.open:nth-child(2) a:hover{background-color: rgba(255,255,255,0.2)}
    /* ARTS */
    .navbar-nav li.expanded:nth-child(3), .navbar-nav li.expanded:nth-child(3) a, .navbar-nav li.expanded.open:nth-child(3) ul, .navbar-nav li.expanded.open:nth-child(3) a, .navbar-nav li.expanded.open:nth-child(3) a:focus, .navbar-nav li.expanded.active:nth-child(3) a, .navbar-nav li.expanded.active:nth-child(3) a:hover, .navbar-nav li.expanded.active:nth-child(3) a:focus{background: #c66840; color: white !important;} 
    .navbar-nav li.expanded.open:nth-child(3) a:hover{background-color: rgba(255,255,255,0.2)}
    /* HOUSING */
    .navbar-nav li.expanded:nth-child(4), .navbar-nav li.expanded:nth-child(4) a, .navbar-nav li.expanded.open:nth-child(4) ul, .navbar-nav li.expanded.open:nth-child(4) a, .navbar-nav li.expanded.open:nth-child(4) a:focus, .navbar-nav li.expanded.active:nth-child(4) a, .navbar-nav li.expanded.active:nth-child(4) a:hover, .navbar-nav li.expanded.active:nth-child(4) a:focus{background: #e9c342; color: white !important;} 
    .navbar-nav li.expanded.open:nth-child(4) a:hover{background-color: rgba(255,255,255,0.2)}
    /* WHATS ON */
    .navbar-nav li.expanded:nth-child(5), .navbar-nav li.expanded:nth-child(5) a, .navbar-nav li.expanded.open:nth-child(5) ul, .navbar-nav li.expanded.open:nth-child(5) a, .navbar-nav li.expanded.open:nth-child(5) a:focus, .navbar-nav li.expanded.active:nth-child(5) a, .navbar-nav li.expanded.active:nth-child(5) a:hover, .navbar-nav li.expanded.active:nth-child(5) a:focus{background: #009f98; color: white !important;} 
    .navbar-nav li.expanded.open:nth-child(5) a:hover{background-color: rgba(255,255,255,0.2)}
    
    /* SUPERFISH */
    #block-jemford-mainnavigation li.sfHover a{background-color: rgba(255,255,255,0.2)}
    #block-jemford-mainnavigation li.sfHover:nth-child(6) a{background-color: #e8c24e;}
}

/* -X-SMALL BREAKPOINT */
@media only screen and (max-width: 640px) {
    .map{float: none; width: 100%; margin: 0 0 30px 0;}
    
    .video-wrapper{float: none; margin: 0 0 30px 0; width: 100%;}
    
    .field--name-field-image,
    .field--name-field-logos{float: none; margin: 0 0 30px 0; width: 100%;}
    
    /* TIMELINE NEW */
    .view-duplicate-of-timeline .views-row:nth-child(odd) .views-field-nothing .sections,
    .view-duplicate-of-timeline .views-row:nth-child(even) .views-field-nothing .sections{display: block;}
    .view-duplicate-of-timeline .views-row .views-field-nothing .sections img{width: 100%; display: inline;}
    .view-duplicate-of-timeline .views-row .views-field-nothing .sections .section-1{width: 100%; padding: 0;}
    .view-duplicate-of-timeline .views-row .views-field-nothing .sections .section-2{width: 100%; padding: 0 0 30px;}
    .view-duplicate-of-timeline .views-row:nth-child(odd) .views-field-nothing .section-1,
    .view-duplicate-of-timeline .views-row:nth-child(even) .views-field-nothing .section-2{border-right: 0; text-align: left; padding-bottom: 30px;}
    .view-duplicate-of-timeline .views-row:nth-child(even) .views-field-nothing .section-1,
    .view-duplicate-of-timeline .views-row:nth-child(odd) .views-field-nothing .section-2{border-left: 0; padding-bottom: 30px;}
    .view-duplicate-of-timeline .field_title.year-Off{display: none;}
    .view-duplicate-of-timeline .views-row:nth-child(odd) .field_title.year-On::after{content: ""; margin-right: 0;}
    .view-duplicate-of-timeline .views-row:nth-child(even) .field_title.year-On::before{content: ""; margin-left: 0;}
    .view-duplicate-of-timeline .field_sub_title{margin: 0;}
    .view-duplicate-of-timeline .sections .field_body,
    .view-duplicate-of-timeline .sections .field_second_section{visibility: visible; opacity: 1; height: auto; background: none; margin: 0; padding: 0; transition: none;}
    .view-duplicate-of-timeline .sections .field_second_section .field_image{padding: 15px 0;}
    .view-duplicate-of-timeline .sections .field_image img{transition: none;}
    .view-duplicate-of-timeline .sections:hover .field_body,
    .view-duplicate-of-timeline .sections:hover .field_second_section{background: inherit; padding: inherit;}
    .view-duplicate-of-timeline .sections:hover .field_image img{width: inherit;}

    .paragraph--type--video .field--name-field-video{margin-right: 0%; margin-left: 0%}
    
    .view-carousel .image-carousel-text{visibility: visible; height: inherit; opacity: 1; position: relative;}
    
    .paragraph--type--info-graphics{width: 100%;}
    
    .paragraph--type--company-logos .field--name-field-nested-content .field--item,
    .paragraph--type--info-graphics-3x-nested .field--name-field-nested-content-1 .field--item{width: 100%; margin: 0;} 
    
    .paragraph--type--bio{margin: 30px 0 30px 0;}
    .paragraph--type--bio .field--name-field-image{width: 100%; margin: 0;}
    .paragraph--type--bio .field--name-field-image img{border-right: white solid 0; padding-top: 0;}
    .paragraph--type--bio .group{width: 100%; padding: 30px 0;}
    
    .paragraph--type--media-and-text .field{width: 100%;}

    #block-views-block-trails-block-1{width: 100%; float: none; margin: 0 0 30px 0;}
    
    #block-views-block-blog-block-1 td,
    .view.view-taxonomy-term td,
    .view.view-archive td{width: 100%; float: left; border: 0px;}
    
    #block-views-block-blog-block-1 .views-field-field-banner-image,
    .view.view-taxonomy-term .views-field-field-banner-image,
    .view.view-archive .views-field-field-banner-image{border-top: 1px solid #eeeeee}
    
    #block-views-block-blog-block-1 .views-field-field-banner-image img,
    .view.view-taxonomy-term .views-field-field-banner-image img,
    .view.view-archive .views-field-field-banner-image img{width: 100%;}
}

/* -X-X-SMALL BREAKPOINT */
@media only screen and (max-width: 555px) {
    .slideshow-float{padding: 30px;}
    .slideshow-float-bg{padding: 0; text-align: center;}
    .slideshow-float::before {width: 100%;}
    .slideshow-float img{text-align: center; margin: 0 auto; width: 100px !important;}
    .slideshow-float,
    .slideshow-float p,
    .slideshow-float ul,
    .slideshow-float span,
    .slideshow-float span .contact,
    .slideshow-float span .title{max-width: 100%;}
    .slideshow-float span .content{border-radius: 0;}

    .slideshow-float span .title{font-size: 26px;}
    .slideshow-float span,
    .slideshow-float span .contact{font-size: 18px;}
    .slideshow-float span p,
    .slideshow-float span ul{font-size: 18px;}
    
    .field--name-field-image-bio{float: none; margin: 0 0 30px 0; width: 100%;}
    
    .paragraph--type--image-gallery-3x-portrait- .field--item{width: 100%; margin-bottom: 15px;}
    
    /* DELETE #block-diversity .field--name-body{padding-bottom: 300px;} */
    #block-justgiving .field--name-body{padding: 60px 30px 550px;}
}