@charset "utf-8";
/* SHMU base min v1.1 */
/* Connected Aberdeen */

/*
WOODSIDE = #264736
TORRY = #2A2746
SEATON = #46263B
NORTHFIELD = #263145
MIDDLEFIELD = #264643
CUMMINGS PARK = #46272F
MASTRIK = #3E2646
TILLYDRONE = #263D45
*/


* {box-sizing: border-box;}

/*------------------------------| TYPOGRAPHY |------------------------------*/

html {font-family: 'Open Sans', sans-serif; color: #3A3C3E;}
h1, h2, h3, h4, h5 {/*font-family: 'Rubik', sans-serif;*/}
h3, h4, h5 {color: #628980;}
h1 {font-size: 3.55em; color: #fff;}
h1.entry-title {position: absolute; bottom: 0px; z-index: 10; width: 15%; margin-top: 0.7em; font-size: 1.5rem; padding: 7.5px 0; /*border-left: solid 15px #263D46;*/ background-color: #F5F4F1;}
p {font-size: 1em; color: #3A3C3E!important;}
a {color: #000; text-decoration: none!important;}
p a {color: #000; text-decoration: none!important; font-weight: 600;}
p a:hover {color: #000;}
a:hover, a:focus {text-decoration: underline!important;}
blockquote p {font-size: 1.075em;}


hr {}

#site-title, #site-title h1, #site-title p {/*font-family: 'Rubik', sans-serif!important;*/ font-weight: 600!important; line-height: 1.05em; letter-spacing: 0.05em; margin: 0; color: #BEBCAA!important;}
#site-title p {font-size: 3.05em!important; color: #BEBCAA;}
#site-title {display: flex; justify-content: center; width: 100%; margin-bottom: 0.5em; padding: 0; color: #BEBCAA;}
#site-title h1 {float: left; font-size: 3.2em;}
#site-title::before {float: left; content: 'Connected '; margin-right: 0.125em; font-size: 3.1rem; line-height: 1.05em;}

#desktop-navigation a {text-decoration: none!important; font-size: 0.95em; text-transform: uppercase;}
#desktop-navigation li {}
#desktop-navigation li.current-menu-item {border-bottom: solid 2px #000;}
header a {padding: 3px 6px; color: #141E20;}
header a:hover, header a:focus {/*color: #628980;*/ background-color: rgba(0,0,0,0.4); color: #fff;}
footer a {color: #E6E5D9;}

/*#page-content button {margin: 0.5em auto!important; padding: 12px 24px!important; background-color: #628980 !important; border: none; border-radius: 3px; color: #F5F4F1 !important;}*/
button, input[type="submit"]  {padding: 0.3em 0.7em 0.3em 0; border: none!important; font-size: 0.785em!important; background-color: transparent; /*color: #fff!important;*/}

button a {/*color: #fff!important;*/}

blockquote {padding-left: 1.6em; font-family: 'Open Sans', sans-serif;}
/*blockquote:before {position: absolute; left: 10px; top: -30px; content: '\201C '; font-size: 2.2em; color: #628980;}*/


/*------------------------------| NAVIGATION |------------------------------*/

nav ul {width: 100%; list-style: none; margin: 0; padding: 0;}
nav li {position: relative; padding: 0.3em 0.7em;}

ul.sub-menu {position: absolute; width: 100%; height: auto; max-height: 60px; left: 0; padding: 0 0.5em 0.5em 0.5em; background-color: #F5F4F1; z-index: 9999; display: none;}
ul.sub-menu li {display: inline-block; float: left;}


#site-navigation {position: relative; float: left; width: 100%; height: auto; z-index: 9998; margin-top: 1.4em;}
#desktop-navigation {display: block;}
#desktop-navigation ul li {float: left; text-align: center;}
#desktop-navigation ul li ul li {float: left; text-align: center;}

#mobile-nav-toggle {display: none; width: 100%; cursor: pointer; text-align: right; margin-bottom: 0.875em;}

#mobile-navigation {position: relative; display: none; width: 100%;}
#mobile-navigation li {float: none; text-align: center;}
#mobile-navigation ul {display: none; width: 100%; padding-bottom: 2em; z-index: 99;}


#footer-navigation {width: 100%; height: auto; margin-bottom: 2em;}
#footer-navigation ul {position: relative;}
#footer-navigation li {position: relative;}
#footer-navigation li a {font-size: 1em;}
footer nav li ul.sub-menu {position: absolute; top: 0; display: block!important; padding: 0; float: left;}
footer nav li ul.sub-menu li {margin: 0 0 0 0.25em; padding: 0px 0.25em 0px 0.5em; font-weight: 300; border-left: solid 1px #3A3C3E; text-align: center;}
footer nav li ul.sub-menu li:first-child {border-left: none;}

/* -- LOCATIONS -- */

#locations {width: 100%; height: auto; margin-top: 1.45em;}
#location-toggle {display: flex; justify-content: center; align-items: center; width: 100px; padding: 0.3em 0.7em; border: solid 1px rgba(0,0,0,0.05); text-transform: uppercase; font-size: 0.875em; cursor: pointer;}
#location-toggle .material-symbols-outlined {font-size: 0.875em; color: #5898B0;}

#global-navigation {width: 100%; display: none;}
#global-navigation span {color: #000;}
#global-navigation a {color: #F5F4F1; font-weight: 600; font-size: 0.875em;}
#global-navigation li {display: inline-block;}
#global-navigation li:nth-child(1) {background-color: #264736;}
#global-navigation li:nth-child(2) {background-color: #2A2746;}

/* -- SUB PAGES -- */

#second-level-pages {background-color: rgba(0,0,0,0.8); display: none;}
#second-level-pages li {float: left; text-align: center;}
ul.childpages {list-style: none; width: 80%; margin: 0 10%; padding: 0;}
ul.childpages li {float: left; padding: 0.3em 0.7em;}
ul.childpages li a {display: block; font-size: 1.1em; color: #fff!important;}


svg {width: 100%; height: auto;}



/*------------------------------| LAYOUT |------------------------------*/

img {max-width: 100%;}

body {background-color: #F5F4F1!important;}
header {position: relative; width: 100%; height: auto; padding: 0; border-bottom: solid 1px rgba(0,0,0,0.33); }
footer {width: 100%; height: auto; padding: 2em 0; /*margin-top: 1.4em;*/ background-color: /*#E6E5D9*//*#D0CDB6*/#263D46; color: #E6E5D9;}
section {}
.container-fluid {padding-left: 0!important; padding-right: 0!important; overflow: hidden;}

#global {width: 100%; height: auto; margin-bottom: 7px; margin-top: 16px; text-align: right;}
#site-logo {position: relative; float: left; width: 90%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin: 1.05em 5% 1.4em 5%; z-index: 2;}
#site-logo:hover a {background-color: rgba(0,0,0,0);}
#site-info {/*width: 35%; margin: 13.5% auto 3.4em auto;*/ padding: 1.875em 2.875em; color: #BEBCAA; text-align: center; background-color: rgba(0, 0, 0, 0.25); border: solid 1px #BEBCAA; z-index: 5;}

#site-description {width: 100%; height: auto; padding-bottom: 0.5em; font-size: 0.875em; font-weight: 300; text-transform: uppercase;}
#site-copyright {float: left; text-align: right; width: 50%; font-size: 0.875em;}
#site-contact {float: left; display: flex; width: 50%; font-size: 0.875em; text-transform: lowercase;}
#site-link {text-align: center; font-size: 0.875em;}


#hero-banner {display: flex; justify-content: center; align-content: center; flex-wrap: wrap; position: relative; width: 100%; height: 65%; /*min-height: 65vh;*/ overflow: hidden; padding-top: 1.4em; z-index: -1;}
/*#hero-banner #site-logo {width: 20%; padding-left: 5%;}
#hero-banner #site-title {padding-left: 5%;}*/


/*feature image*/
#feature-image {position: absolute; top: 0; /*display: block;*/ /*height: 60vh;*/ display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; width: 100%; /*max-height: 60vh;*/ /*background-color: #000;*/}
#feature-image img {width: 100%; max-width: 100%; height: auto; /*opacity: 0.33;*/ /*display: none;*/ opacity: 0;}
#feature-image-overlay {max-width: 50%; margin: 1.4em auto 0 auto; text-align: center; overflow-x: hidden; /*display: none;*/}

/* search form */
#site-search {float: right; padding: 0.5em; width: auto; text-align: center; cursor: pointer;}
#search-toggle {text-align: center; width: 18%; padding-right: 5%; color: #000;}
#search-toggle span {display: inline; width: 30px; height: 30px; border-radius: 3px;}
#search-form-wrap {width: 100%; height: auto; padding: 0.5em 0; background-color: rgba(0,0,0,0.8); display: none; overflow: hidden; z-index: 99;}
#search-form {width: 350px; margin: 0 auto; padding: 0.3em 0}


#site-controls {width: 100%; margin: 0 auto; padding: 0.3em 0;}
#social-media-wrap {float: left; width: 78%; margin-left: 2%;}
#post-grid {width: 100%; height: auto; padding: 3em 0;}
#common-content {text-align: center; padding: 1.5em 0 3em 0;}

#page-area {/*padding-top: 1.8em;*/}
#page-content {}
.entry-title {padding: 0; color: #b7b6ab; font-weight: 600!important; background-color: #263D46; margin-bottom: 0;}

.mec-wrap .owl-dot {background-color: transparent!important;}

/*------------------------------| ELEMENTOR |------------------------------*/

.elementor-widget-button, .elementor-button {background-color: #628980!important; border: none; border-radius: 3px; color: #F5F4F1!important}
.elementor-widget-image img {border-top-left-radius: 7px!important; overflow: hidden;}
/*.elementor-widget-container p {margin-bottom: 0!important;}*/

/*------------------------------| POSTS |------------------------------*/

#post-content {}
#single-post-wrap {padding: 2em 0;}
.single-post-item a {display: block; text-decoration: none!important;}
.single-post-item {margin-left: -30px; margin-bottom: 1em; background-color: rgba(214,217,189,0.3); border: solid 1px #000; opacity: 0;}
.post-title {font-weight: 600;padding: 1em;}
.post-thumbnail {overflow: hidden; padding: 1em;}
.post-thumbnail img {max-width: 100%; height: auto;}
.post-summary {padding: 1em;}
#category-list {text-transform: capitalize; padding: 1em;}
#current-category-title p,  #current-category-title h3 {display: inline;}
#current-category-title h3 {text-transform: capitalize;}

.category-title { font-size: 1.25em;}
.post-count {display: inline-block; float: right; margin-right: 1em;}

.snippet-small {display: block; padding: 2.5em; margin-bottom: 1.2em; background-color: #FDEFCB; /*border: solid 1px rgba(206,179,113,0.8);*/ box-shadow: 2px 4px 8px 0 rgba(46, 61, 73, 0.2);}
.snippet-small:hover, .snippet-small:focus {box-shadow: 1px 2px 4px 0 rgba(46, 61, 73, 0.2); background-color: #fbe39d;}
.snippet-small-thumb {display: flex; flex-wrap: wrap; justify-content: center; max-height: 150px; overflow: hidden; margin-bottom: 1.2em;}
.snippet-small-thumb img {min-width: 140%; height: auto; margin-top: -20%; opacity: 0.85;}
/*.snippet-small-thumb img:hover, .snippet-small-thumb img:focus {opacity: 1;}*/
.snippet-small-title h3 {font-size: 1.6em;}

/* SINGLE POST */

.entry-header {}
.entry-date {padding: 10px; text-align: center;}
.entry-image {padding: 10px; text-align: center;}
.entry-content {}

#go-back {display: flex; align-items: center; justify-content: center; width: 65px; height: auto; margin: 1.6em auto; padding: 0.3em 0.7em; /*background-color: #628980; color: #fff;*/ text-align: center;}
#go-back .material-icons {margin-right: 0px;}

/* ARCHIVE */

/*.snippet {float: left; padding: 0.75em;}
.snippet-title {width: 100%;}
.snippet-thumb {float: left; width: 20%;}
.snippet-summary {padding: 0.75em; width: 80%;}*/

/*------------------------------| POST SNIPPET |------------------------------*/



.snippet {position: relative; float: left; /*display: flex; flex-direction: column; */width: 100%; height: auto; margin-bottom: 1.4em; border: solid 1px rgba(0,0,0,0.4); box-shadow: 2px 3px 4px rgba(0,0,0,0.3)!important; background-color: #fff; border-radius: 7px; /*overflow-y: hidden; overflow-x: visible;*/}
 a > .snippet, .snippet a  {text-decoration: none!important; color: #000!important;}
.snippet:hover {box-shadow: 1px 1px 2px rgba(0,0,0,0.1)!important;}
.snippet:hover .snippet-title h4 {color: #000!important;}

.snippet-thumbnail img {/*position: absolute; top: calc(50% + 1px); left: calc(50% + 1px); transform: scale(1.01) translate(-50%,-50%);max-width: 100%; height: auto;*/}

.snippet-content {display: flex; width: 100%;}
.snippet-excerpt  {float: left; width: 100%; min-height: 115px; margin: 0 0 0.875em 0; padding: 0 0.75em;}
.snippet-excerpt span::after {content: '...';}
.snippet-title {display: flex; align-content: center; justify-content: center; flex-wrap: wrap; width: 100%; padding: 0.875em 0.875em 0 0.875em; background-color: transparent!important; /*#263D46;*/ color: /*#AEAB95*//*#90b3ab*/#AAA88E; text-align: center;}
.snippet-title h4 {font-weight: 700!important; font-size: 1.125em; color: #233A43!important; margin-bottom: 0;}
.snippet-thumbnail {position: relative; display: flex; flex-direction: column; justify-content: center; max-width: 100%; overflow: hidden; height: 145px; border-top-left-radius: 7px; border-top-right-radius: 7px;}
.snippet-thumbnail img {}
.snippet-category {width: 100%; background-color: rgba(0,0,0,0.1); text-align: center;}
.snippet-summary {float: left; width: 80%; padding-left: 1%;}
.snippet-summary-item {width: 100%; font-size: 1.125em;}
.snippet .read-more {float: left; width: 100%;}
.snippet .read-more button {background-color: transparent!important; margin-top: 0.7em;}
.snippet-link { /*align-self: flex-end; text-align: center; margin-top: 1.4em;*/}
.snippet-link a {color: #304C57;}
.snippet-source {display: flex; flex-direction: column; padding: 0 0.75em; font-size: 0.75em; font-variant: small-caps; color: #F5F4F1; text-align: center;}

.snippet-location {font-size: 0.875em; font-weight: 600;}
.snippet-address {font-size: 0.875em;}
.snippet-location a, .snippet-address a {color: #000!important;}

.snippet-event-date::before {content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 96px;
  display: inline-block;
  box-shadow: 0 5px 5px rgba(0,0,0,.12);
  background: 0 0;}
.snippet-event-date::after {content: "";
  position: absolute;
  display: inline-block;
  z-index: -1;
  bottom: -13px;
  left: 5px;
  width: 0;
  border-width: 13px;
  border-style: solid;
  border-color: transparent transparent #1F333B transparent;
  transform: rotate(45deg);}
.snippet-event-date {display: flex; flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-end; position: absolute; top: 25px; left: -19px; height: 97px; width: 42%; z-index: 2; background-color: #304C57; color: #fff; }
.read-more a button {font-weight: 600!important; background-color: transparent!important; padding: 0.3em!important; color: #000!important;}

.event-day {float: left;/*align-content: space-around;*/height: 100%; margin: 14px 3px 0px 20px;  font-size: 2.75em;}
.event-month {/*margin-left: -30px; margin-top: 8px; */line-height: 0.875em; font-size: 0.75em;}
.event-year {/*margin-left: -30px;*/}

.snippet-event-date-info {float: left; margin-top: 1px; font-size: 0.75em;}




/*WOODSIDE = #264736
TORRY = #2A2746*/
.snippet-source {border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; overflow: hidden;}
.snippet-source.Woodside {background-color: #264736;}
.snippet-source.Torry {background-color: #2A2746;}
.snippet-source.Tillydrone {background-color: #263D45;}



.view-map {margin-top:10px; cursor: pointer;}
.hide-map {text-align: center; margin-top:10px; cursor: pointer;}

/*------------------------------| MEDIA |------------------------------*/

#media-links {display: flex; width: 100%;}
#press-link {background-image: url("../assets/img/press-image.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
#film-link {    background-image: url("../assets/img/film-image.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
#podcast-link {background-image: url("../assets/img/podcast-image.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.medialink {width: 33.33%; height: auto; min-height: 40vh; display: flex; align-content: center; justify-content: center; flex-wrap: wrap;}


/*------------------------------| FEATURED |------------------------------*/

#dynamic-news, #dynamic-feature {display: flex; flex-direction: column; max-width: 100%;}
#dynamic-feature {background-color: #243B44; color: #fff;}
#dynamic-feature p {color: #fff!important;}
#dynamic-feature .read-more {display: flex; justify-content: center; width: 120px; padding: 0.3em 0.7em; text-align: center; background-color: #628980 !important; border: none; border-radius: 3px; color: #F5F4F1 !important;}
#dynamic-feature .read-more a button {color: #fff!important;}

#featured-content {display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; width: 100%; height: 100%; padding: 4em 8em;}
#featured-title {margin: 1.4em 0px;}
#featured-title h4 {color: #9AA4A6; font-weight: 700!important; font-size: 2.1em!important;}
#featured-excerpt {display: flex; flex-direction: column; /*align-items: center;*/}
#featured-excerpt p {margin-bottom: 2.175em!important;}
#featured-excerpt p::after {content: '...';}
#featured-excerpt .read-more button {background-color: #fff; padding-left: 5px;}
#featured-permalink {}
#featured-thumbnail {width: 100%; height: auto; background-color: #F5F4F1;}

#feature-background {background-position: center center; background-size: cover;}

/*------------------------------| NEWS GRID |------------------------------*/

.news-grid-item {width: 100%; padding: 0 0.75em;}


#back-to-top {
  display: block;
  width: 100%;
  margin-top: 1.4em;
  cursor: pointer;
  text-align: center;
}


/*------------------------------| MEC |------------------------------*/

.event-carousel-type1-head .mec-event-date-carousel {background-color: #304C57;}
.event-carousel-type1-head .mec-event-date-carousel:after {border-color: #233942;}

.mec-calendar .mec-selected-day {background: #304C57;}
.mec-calendar .mec-has-event:after {background-color: #304C57;}
.mec-calendar .mec-calendar-row dt.mec-has-event:hover {background: #233942;}

.mec-event-carousel-type1 .mec-event-carousel-content {background: #fff;}

/*------------------------------| CLASSES |------------------------------*/



.container {}
a.in-page-anchor {text-decoration: none!important;}
.entry-title {text-align: center;}

/* CALL TO ACTION */

.cta {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; height: auto;  padding: 1em 1em 2em 1em; opacity: 0;}
.cta button {align-self: flex-end; position: relative; width: 80%;}
.cta a {margin: 1em auto; padding: 0.3em 0.7em; border-radius: 25px; color: #fff!important;}
.cta h4 {width: 100%; color: #fff;}


/* SOCIAL MEDIA */

.social-media {float: left; width: 2.5em; height: auto; margin: 0 5px;  padding: 0 1.5px; background-color: rgba(255,255,255,1); border-radius: 5px;}
.social-media svg {margin-top: 1px;}
.social-media svg:hover, .social-media svg:focus { margin-top: 0;}

.no-link {display: none;}


/* WORDPRESS */

.wp-block-button a {}
.wp-block-columns {margin-top: 1.75em;}
.wp-block-columns .wp-block-image {}

/* GOOGLE MATERIAL ICONS */

.material-icons {margin-right: 10px;}

/* PAGINATION */

.post-navigation {float: left; width: 100%; height: auto; margin-bottom: 1.2em; border-top: solid 1px rgba(0,0,0,0.3);}

.nav-links {}
.nav-previous, .nav-next {float: left; width: 50%;}
.nav-subtitle-left, .nav-subtitle-right {font-weight: 600; margin-right: 0.5em; font-size: 1.2em;}
.nav-next {text-align: right;}
.nav-title-left {}
.nav-title-right {}

.mec-container {background-color: rgba(255,255,255,0.5);}
.mec-container .widget-area, .mec-container #respond {display: none;}

/*------------------------------| BOOTSTRAP BREAKPOINTS |------------------------------*/











/* x-large */
@media only screen and (max-width: 1200px) {
	#site-title, #site-description {width: 100%; text-align: center;}
	#social-media-wrap {width: 100%;}
	.social-media {width: 2em; margin: 0;}
	#site-search {width: 100%; margin-right: 0; margin-top: 0.7em; }

    /*#feature-image {height: 35vh;}*/

}

/* large */
@media only screen and (max-width: 992px) {

}

/* medium */
@media only screen and (max-width: 768px) {
    #footer-navigation li {width: 100%;}
	nav li ul.sub-menu {position: relative;}
    ul.sub-menu li {display: block; float: none;}

	#footer-navigation li {text-align: center;}

	#site-search {margin-right: 1em;}

	#site-copyright, #site-info {text-align: center;}
	#site-info {padding: 0 0.75em;}
	#site-description {padding-top: 0; padding-bottom: 0.7em;}
	.nav-previous, .nav-next {float: left; width: 100%;}
	.nav-next {text-align: left;}
    
    /*#feature-image {height: 25vh;}*/
    #site-info {width: 84%; margin: 8%;}
    #site-logo {width: 95%; margin: 1.5% 2.5% 0.5% 2.5%; padding: 0 0.25em;}
    #site-navigation {width: 100%; margin-top: 0.4em;}
    #site-title {font-size: inherit;}
    #site-title h1, #site-title p, #site-title::before {font-size: 2.2em!important;}
    #site-description {font-size: 0.875em!important;}
    #hero-banner {padding-top: 0.5em;}
    .entry-title h1 {font-size: 2.175em !important;}
    
    
    #media-links {flex-direction: column;}
    .medialink {width: 100%;}
    
    #featured-content {padding: 2em 4em;}
    #dynamic-news {padding: 0 1em!important;}
}

/* small */
@media only screen and (max-width: 577px) {
	
}

/* x-small */
@media only screen and (max-width: 576px) {
    #site-search {width: 120px!important; margin-top: 0!important;}	
}