/*
Theme Name: Mallorca Sunshine Radio
Theme URI: http://www.mallorcasunshineradio.com
Description: Wordpress page of the Mallorca Sunshineradio, Palma de Mallorca / Spain. 
Version: 3.0
Author: Steffen Schmitt
Author URI: http://www.freshandeazy.com
Design 
Tags: mallorca, radio, english, radiostation, palma, spain

font-family: 'Exo 2', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Source Serif Pro', serif;

*/

@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,400i,700,700i|Source+Sans+Pro:400,400i,600,600i,700,700i|Source+Serif+Pro:400,600,700&display=swap');
@import "css/reset.css";

html, body { height:100%; }
body { margin: 0 auto; font-family: 'Source Serif Pro', serif; font-size:1rem; line-height:1.4; color: rgba(0,0,0,0.9); background: #ffffff; /*background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(226, 41, 135, 1) 33%, rgba(99, 55, 135, 1) 88%); background-repeat: no-repeat; background-size: 100% 20vh; background-attachment: fixed;*/}

@media only screen and (min-width: 533px) {
	body { background-size: 100% 35vh;}
}

@media only screen and (min-width: 1066px) {
	body { background-size: 100% 44vh;}
}

.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
.wp-caption {/*border:1px solid #666;text-align:center;background:#ccc;padding:10px;margin:10px*/}
.textalignright { text-align:right; } 
.textaligncenter { text-align: center; } 
.hidden, .screenOnly { display:none; }
.mobileOnly { display:block; }
.separator, .line { border-top:1px solid rgba(0,0,0,0.15); padding:24px 0 0; display:block; width: 100%; margin:24px auto 8px; }

hr { margin:24px auto; color: rgba(255,255,255,0.3); }

/*   i m a g e   s t y l e s   */
.photo { padding:11px 11px 44px 11px; background:#f1f1f1; border:1px solid #fff; box-shadow:1px 1px 2px #ccc; width:240px; height:auto;  }
.card { padding:10px; background:#f1f1f1; border:1px solid #fff; box-shadow:1px 1px 2px #ccc; width:275px; height:auto; }
.boximage, .full {width: 100%;height: auto;aspect-ratio: 16/9;object-fit: cover;}


.post img.boximage { width:100%; height:auto; aspect-ratio:16/9; object-fit: cover;}
.nofull-right {width:inherit; height: auto; margin: 0 0 1.5rem 1.5rem;}
.su-lightbox .boximage {cursor: pointer;}
.download { margin-right:30px; }
.rotateleft { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); transform: rotate(2deg); }
.rotateright { -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); transform: rotate(-3deg); }
.halfwidth {width:48.3516%; height: auto; }
.margin-right {margin: 0 1rem 1rem 0;}

@media only screen and (min-width: 768px) {
	.margin-left {margin: 0 0 1rem 1rem; width: calc(50% - 1rem);}
}
a { color: rgba(0,0,0,1);  text-decoration:none; font-weight:700; transition: all 0.7s ease;}
a:hover { color: rgba(0,0,0,0.7);}

sup {font-size: .6rem;line-height:.1;}

blockquote p { font-size:1.1rem; font-weight:700; margin:1.5rem auto; }

h1 { font-family: 'Exo 2', sans-serif; font-weight:400; font-size:clamp(2rem, 3vw, 2.75rem); margin:0 auto 1.5rem; display:block; text-transform:uppercase; letter-spacing:2px; line-height:1.1; }
h2 { font-family: 'Exo 2', sans-serif; font-weight:300; font-size:clamp(1.75rem, 2vw, 2.25rem); display:block; line-height: 1.2;  }
h3 { font-family: 'Exo 2', sans-serif; font-weight:400; font-size:clamp(1.25rem, 2vw, 1.5rem); margin:1.5rem auto; display:block; text-transform:uppercase; }
h4 { font-family: 'Exo 2', sans-serif; font-weight:600; font-size:clamp(1rem, 2vw, 1.2rem); line-height:1.4; margin:1.5rem auto; display:block; }
h5 { font-family: 'Source Sans Pro', sans-serif; font-weight:700; font-size:clamp(1rem, 2vw, 1.1rem); margin:1rem auto; display:block; text-transform: uppercase; letter-spacing: 1px;  }
h6 { font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:.85rem; margin:1rem auto; display:block; letter-spacing:2px; font-style:italic; }
h1 a { font-weight:300; }
h4 a { font-weight:400; font-style: italic; }

@media only screen and (min-width: 533px)  {
h1 { margin:1.5rem auto;letter-spacing:3px; }
}

@media only screen and (min-width: 1125px) { 
.line { display:none; }
}


/*          h e a d e r              */

.circles {width: 100%;margin: 0 auto; position: relative; overflow: hidden;}
.shapes {width: 100%;background: linear-gradient(0deg, rgb(99, 53, 135) 50%, rgb(92, 42, 135) 100%);z-index: 90;height: 27vh;}

#shape-1, #shape-2, #shape-3, #shape-4, #shape-5, #shape-6 {position: absolute; border-radius:50%; filter:blur(50px); opacity:1; aspect-ratio: 1 / 1; height: auto;}

#shape-3 {background-color: rgba(226,41,135); left:0; top:12%; width: 120%; }
#shape-4 {background-color: #ed763a; right:-20%; top:40%; width:70%;}

.scale-up-center {animation: scale-up-center 16s cubic-bezier(0.39, 0.575, 0.565, 1) infinite both;}

@keyframes scale-up-center {
        0% {transform: translate(0px, 0px) scale(1);}
        25% {transform: translate(48px, -48px) scale(1.5);}
        50% {transform: translate(-32px, 32px) scale(0.8);}
		75% {transform: translate(48px, -48px) scale(1.25);}
        100% {transform: translate(0px, 0px) scale(1);}
      }
      .fade-delay-2000 {animation-delay: 2s;}
      .fade-delay-4000 {animation-delay: 4s;}
	  .fade-delay-1000 {animation-delay: 1s;}
      .fade-delay-3000 {animation-delay: 3s;}
	  .fade-delay-6000 {animation-delay: 6s;}

.whiteshade {display: none;}


header { width:100%; position: relative; margin:-27vh auto 0;}
hgroup { max-width:1280px; padding:0; margin:0 auto; overflow:visible; }

.headertop {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 0; padding: 1rem 2% 0;}

.second { grid-area: 1 / 1 / 2 / 2; }
.logo { grid-area: 1 / 2 / 2 / 3; text-align: center; margin: 0 auto .75rem; }
.playerbtn { grid-area: 1 / 3 / 2 / 4; }
.frecuencies { display: none;}

.logo a img { width:11rem; height: auto;}
.listenLive {display: none;}
.headPlaybutton { width:2.5rem; height: 2.5rem; float: right; margin:.5rem auto 0;}

@media only screen and (min-width: 533px) {
	.headPlaybutton { width: 3rem; height: 3rem;}
}

@media only screen and (min-width: 1066px) { 
	
	.shapes {height: 60vh;}
	.whiteshade {display: block; position: absolute;width: 100%; bottom:0; background: linear-gradient(0deg, rgb(255, 255, 255) 5%, rgba(255, 255, 255, 0) 95%);height:80%;}
	#shape-1, #shape-2, #shape-3, #shape-4, #shape-5, #shape-6 {filter:blur(300px);}
	#shape-3 {left:15%; top:22%; width:125%; }
	#shape-4 {right:0; top:40%; width:75%; }
	
	header { margin:-60vh auto 0;}

	hgroup { padding:1.5rem 0 0; }
	.headertop {display: grid;grid-template-columns: repeat(7, 1fr); grid-template-rows: 1fr;  padding:0;}
	.logo { grid-area: 1 / 1 / 2 / 3; text-align: left; margin: 0;}
	.second { display: none;}
	.frecuencies { display: block; grid-area: 1 / 5 / 2 / 7; font-size: 1.15rem; font-weight: 400; line-height: 1.1; color: rgba(255,255,255,0.66); margin: 0; text-align: right; }
	.playerbtn { grid-area: 1 / 7 / 2 / 8; }
	
	.frecuencies h4 {border-left:1px solid rgba(255,255,255,0.66); border-right:1px solid rgba(255,255,255,0.66); padding: 0 1rem; display: inline-block; }
	.frecuencies div.dabp {display: inline-block;aspect-ratio: 1;margin: 0 1rem;width: 4rem;height: auto;}
	
	.logo a img { width:14rem; margin:.5rem 0 0 1rem;}
	div.listenLive {display: block; padding: 1.1rem .5rem 0 0;}
	.headPlaybutton { margin: 1rem 1rem 0 0; width: 3rem; height: 3rem;}
	.listenLive h4 { line-height: 1; background: white; color:#ed763a; padding: .25rem .5rem; font-size: 1.2rem; margin: -.5rem auto; display:block; }
}


/*       m a i n - n a v              */

#main-nav { display: none;}
.rmp-container .rmp-menu-wrap .rmp-menu {text-transform: uppercase!important; }

@media only screen and (min-width: 1066px) {

#main-nav { display: block; font-family: 'Source Sans Pro', sans-serif; margin:0 auto; width:100%; height: 2.5rem; background: rgba(255,255,255,.88); }
#main-nav ul { list-style: none; padding:0; margin:0; position:relative; z-index:900; }
#main-nav ul li { margin: 0; padding: 0 12px; text-transform: uppercase; display:inline-block; }
#main-nav ul li:last-child { margin:0; }
#main-nav a { text-decoration:none; font-weight:600; display:block; padding:0; color: #67338a; font-style:normal; font-size:15px; line-height: 40px; }
#main-nav a:hover { text-decoration:none; color:#ed743a; /*background:rgba(255,255,255,1);*/ }
#main-nav ul li > a:after { content:  ' +'; }
#main-nav ul li > a:only-child:after { content: ''; }

#main-nav ul ul { display:none; position:absolute; top:100%; }
#main-nav ul li:hover > ul { display:inherit; }
#main-nav ul ul li { min-width:170px; padding: 0 12px !important; display:list-item; position: relative; background:rgba(255,255,255,0.88); border-bottom:1px solid rgba(103,51,138,0.33); }
#main-nav ul ul li:last-child {/*margin: 0px -7px 0 0; */}
#main-nav ul ul li:hover { background:rgba(255,255,255,1.00); border-bottom:1px solid rgba(103,51,138,1); }

#main-nav ul ul ul { display:none; position:absolute; top:100%; }
#main-nav ul ul li:hover > ul { display:inherit; margin: -40px 0 0 194px; }
#main-nav ul ul ul li { min-width:170px; padding: 0 12px !important; display:list-item; position: relative; background:rgba(255,255,255,0.88); border-bottom:1px solid rgba(103,51,138,0.33);}
#main-nav ul ul ul li:hover { background:rgba(255,255,255,1.00); border-bottom:1px solid rgba(103,51,138,1); }

}

/*#responsive-menu a { font-weight:300; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing:1.5px; }*/


/*          C O N T E N T           */

.hero {width:100%; max-width: 1280px; margin:0 auto; }
.contentwrap { max-width: 1232px; margin: 0 auto; background: white; padding:0 1.5rem; position: relative; }
.maincontent,
.content-sub-sidebar {width:100%; display: block; margin:0 auto; position:relative;}
.content-sub-sidebar {padding: 2rem 0 0;}
.sidebar { width:100%; display: block; margin:0 auto; position:relative; }
.content-sub {padding: 2rem 0;}

@media only screen and (min-width: 533px) and (max-width: 1065px) { 
	aside ul.tabletLeftSidebar { width:48%; float: left; }
	aside ul.tabletRightSidebar { width:48%; float: right; }
}

@media only screen and (min-width: 1066px) {
	.maincontent,
	.content-sub-sidebar {width:calc(96.25% - 300px);}
	.sidebar {width:300px;}
	.screenAlignLeft {float:left;}
	.screenAlignRight {float:right;}
	aside ul.tabletLeftSidebar { width:100%; float:none; }
	aside ul.tabletRightSidebar { width:100%; float:none; }
}

#contentwrap { width:100%; padding:.5rem 0 1.5rem; margin: 0 auto; background: white; }
#content, #content-sub-sidebar { width:92%; display: block; margin:0 auto; position:relative; z-index:700;  }
#content-sub { height: auto; width: 100%; }
#sidebar { width:92%; display: block; margin:0 auto; position:relative; }

	.mobileAlignLeft {float:left; margin-left:0;}
	.mobileAlignRight {float:right; margin-right:0;}
	.mobileGrid_1-2 {width:48.3516%;}
	.mobileGrid_1-3 {width:31.1355%;}
	.mobileGrid_2-3 {width:65.5678%;;}

@media only screen and (min-width: 533px) and (max-width: 1124px) { 
	
	#contentwrap { width:95%; max-width: 728px; padding: 24px 2.5%; }
	#sidebar { width:100%; }
	
	.grid_1-1 {width:100%;}
	.grid_1-2 {width:48.3516%;}
	.grid_1-3 {width:31.1355%;}
	.grid_2-3 {width:65.5678%;}
	.grid_1-4 {width:22.5274%;}
	.grid_3-4 {width:74.1756%;}

.grid_1-1, .grid_1-2, .grid_1-3, .grid_2-3, .grid_1-4 { display:block; }

	.hidden { display:block; }
	.mobileOnly { display:none; }
	.screenOnly { display:none; }
	.aligncenter, div.aligncenter { display: block;  }
	.alignleft {float:left; margin-left:0;}
	.alignright {float:right; margin-right:0;}
	.center {float:left; margin-left:3.2967% !important; }
}

@media only screen and (min-width: 1125px) {

	#contentwrap { width: 1125px; padding: 0; }
	#content, #content-sub-sidebar { width:728px; border-right: thin solid rgba(0,0,0,0.11); padding: 24px; float: left  }
	#content-sub { padding:24px; width:1077px; }
	#sidebar { width: 300px; float: right; padding: 16px 24px 24px;  }
	.grid_1-1 {width:100%;}
	.grid_1-2 {width:48.3516%;}
	.grid_1-3 {width:31.1355%;}
	.grid_2-3 {width:65.5678%;}
	.grid_1-4 {width:22.5274%;}
	.grid_3-4 {width:74.1756%;}

.grid_1-1, .grid_1-2, .grid_1-3, .grid_2-3, .grid_1-4 { display:block; }
	.hidden, .screenOnly { display:block; }
	.mobileOnly { display:none; }
	.aligncenter, div.aligncenter { display: block;  }
	.alignleft {float:left; margin-left:0;}
	.alignright {float:right; margin-right:0;}
	.center {float:left; margin-left:3.2967% !important; }

}

/*            S U B C O N T E N T            */


@media only screen and (min-width: 533px) and (max-width: 1124px) { 
#content-sub h1, #content-sub-sidebar h1 {font-size: 36px;}
}

@media only screen and (min-width: 1125px) {
#content-sub h1, #content-sub-sidebar h1 {font-size: 44px;}
}


/*       T O P B O X E N             */

.topBox {width: 100%; height: 97px; overflow: hidden;	}
.topBox img {width: 100%; height: auto; }
.topBox p {font-family: 'Source Sans Pro', sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase;}
.topBox h4 {font-size: 16px; font-weight: 300; line-height: 1.1; margin: 5px auto; }


.programTitle, .discoverTitle, .newsTitle, .musicTitle {height:3.75rem; margin:1.5rem auto; width: 100%; }
.programTitle {border-bottom: thin solid #e22987; }
.discoverTitle {border-bottom: thin solid #ed763a; }
.musicTitle {border-bottom: thin solid #f8ac20; }


/*    v o t w      */

@media only screen and (min-width: 768px) {
	.votw { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 1.5rem;}
	.text { grid-area: 1 / 1 / 2 / 2; }
	.video { grid-area: 1 / 2 / 2 / 4; }
}
.text ul li h3 {display: none;}
.text ul li div.textwidget h3 {display: block;margin: 0 auto 1.5rem;}
.votw .mejs-controls {display: none;}


.programTitle h2, .discoverTitle h2, .newsTitle h2, .musicTitle h2 { font-size: 22px; line-height: 1.5; margin: 25px auto 0; }
.programTitle h2 { color:#e22987; }
.discoverTitle h2 { color:#ed763a; }
.musicTitle h2 { color:#f8ac20; }

.programTitle .more_button, .discoverTitle .more_button, .newsTitle .more_button, .musicTitle .more_button {padding: .125rem 2rem .125rem .5rem; font-size: .75rem; color: white; margin-top: 2rem; line-height: 1; }
.programTitle .more_button {background: #e22987 url(images/play-white.svg) no-repeat top right; border: #e22987 solid 7px;}
.discoverTitle .more_button {background: #ed763a url(images/play-white.svg) no-repeat top right; border: #ed763a solid 7px;}
.musicTitle .more_button {background: #f8ac20 url(images/play-white.svg) no-repeat top right; border: #f8ac20 solid 7px;}
.more_button a, .back_button a {font-family: 'Source Sans Pro', sans-serif; color: white; text-transform: uppercase; }

.programTitle .back_button, .discoverTitle .back_button, .newsTitle .back_button, .musicTitle .back_button {padding: 2px 8px 2px 30px; font-size: 12px;color: white;margin-top: 30px; line-height: 1; }
.discoverTitle .back_button {background: #ed763a url(images/back-white.svg) no-repeat top left; border: #ed763a solid 7px; width: auto;}

.widget .more_button {font-family: 'Source Sans Pro', sans-serif; padding: 0 2rem 0 .5rem;font-size: .85rem; color: white; letter-spacing: 1.5px; background: #6A368D url(images/play-white.svg) no-repeat top right; border: #6A368D solid .5rem;transition: all 0.7s ease;}
.widget .more_button:hover {color:#6A368D; letter-spacing: 1.5px; background: white url(images/play-purple.svg) no-repeat top right; border: white solid .5rem; }


.programXL, .programS, .programM, .publicidad, .discoverXL, .discoverM {margin-bottom: 2rem;}

.programXL img, .programM img, .programS img, .discoverXL img, .discoverM img, .publicidad img {width: 100%;height: auto; aspect-ratio: 16/9; object-fit: cover;}

.programTextXL { height:144px; padding:.25rem .5rem; background: rgba(255,255,255,75); margin:-120px auto 0; z-index: 810; position: relative; }
.discoverTextXL { height:110px; padding:.25rem .5rem; background: rgba(255,255,255,75); margin:-120px auto 0; z-index: 810; position: relative; }
.programTextXL h5, .discoverTextXL h5 {font-size: 12px; letter-spacing: 1.5px; margin: 5px auto 0;}
.programTextXL h3, .discoverTextXL h3 {font-size: 28px; margin: 0 auto; line-height: 1;} 
.programTextXL p, .discoverTextXL p { font-size: 15px; margin:5px auto 0; }

.programTextM, .programTextS { height:auto; padding:0 .5rem; margin:0 auto; position: relative; }

.discoverTextM {
	height: 56px;
	padding: .25rem .5rem;
	background: rgba(255,255,255,.75);
	margin: -64px auto 0;
	z-index: 810;
	position: relative;}

.programTextM h5, .programTextS h5, .discoverTextM h5 {font-size: .75rem; letter-spacing: 1.5px; margin: .25rem auto 0;}
.programTextM h3, .programTextS h3, .discoverTextM h3 {font-size: 1.25rem; margin: 0 auto .25rem; line-height: 1.1; } 
.programTextM p, .discoverTextM p { font-size: 15px; margin:0 auto;}

.programTextM h6, .programTextS h6 {font-size: 1rem;margin: 0 auto;font-style: normal;font-weight: 400;text-transform: uppercase;letter-spacing: 1px;line-height: .75;} 

p.publiTop {font-family: 'Source Sans Pro', sans-serif; color: rgba(0,0,0,0.33); letter-spacing: 3px; text-transform: uppercase; margin: 0 auto 7px; font-weight: 700;}



.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.responsive-video { position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px; height: 0; overflow: hidden; }


@media only screen and (min-width: 533px) and (max-width: 1124px) { 
	.programTitle h2, .discoverTitle h2, .newsTitle h2, .musicTitle h2 { padding: 0 30px 0 0; font-size: 24px; }
	.programTitle .more_button, .discoverTitle .more_button, .newsTitle .more_button, .musicTitle .more_button {font-family: 'Source Sans Pro', sans-serif; padding: 0 30px 0 8px; font-size: 14px; letter-spacing: 2px; }
	
	.programTitle .more_button { border: #e22987 solid 8px;}
	.discoverTitle .more_button, .discoverTitle .back_button { border: #ed763a solid 8px;}
	.musicTitle .more_button { border: #f8ac20 solid 8px;}
	 
	
	.discoverTextXL { height: 90px; margin: -100px auto 0; }
	
	.discoverTextM {height: 55px; margin: -65px auto 0;}
	.programTextM h3, .discoverTextM h3 {font-size: 22px; } 
}

@media only screen and (min-width: 1125px) { 
	.programTitle h2, .discoverTitle h2, .newsTitle h2, .musicTitle h2 { padding: 0 2rem 0 0; font-size: 1.5rem; }
	.programTitle .more_button, .discoverTitle .more_button, .newsTitle .more_button, .musicTitle .more_button { font-family: 'Source Sans Pro', sans-serif; font-size: .8rem; letter-spacing: 2px; padding: 0 2rem 0 .5rem;}
	
	.programTitle .more_button { border: #e22987 solid 8px;}
	.discoverTitle .more_button, .discoverTitle .back_button { border: #ed763a solid 8px;}
	.musicTitle .more_button { border: #f8ac20 solid 8px;}
	
	.programTextXL { height:110px; padding:5px 10px 0; background: rgba(255,255,255,1); margin:-120px auto 0; z-index: 810; position: relative; }
	.discoverTextXL { height:110px; padding:5px 10px 0; background: rgba(255,255,255,1); margin:-120px auto 0; z-index: 810; position: relative; }
	.programTextXL h5, .discoverTextXL h5 {font-size: 15px; letter-spacing: 1.5px; margin: 5px auto 0;}
	.programTextXL h3, .discoverTextXL h3 {font-size: 34px; margin: 0 auto;  } 
	.programTextXL p, .discoverTextXL p {font-size: 15px; margin:5px auto 0;}
	
	/*.programTextM { margin:-75px auto 0; z-index: 810; position: relative; }*/
	.discoverTextM { height:60px; padding:.5rem .75rem 0; background: rgba(255,255,255,1); margin:-71px auto 0; z-index: 810; position: relative; }
	.programTextM h5, .programTextS h5, .discoverTextM h5 {font-size: 13px; letter-spacing: 1.5px; margin: 2px auto 0;}
	.programTextM h3, .programTextS h3, .discoverTextM h3 {font-size: 24px;  } 
	.programTextM p, .discoverTextM p { font-size: 15px; margin:0 auto;}
	
	.programTextS { height:auto; padding:5px 10px 0; background: rgba(255,255,255,1); margin:-45px auto 0; z-index: 810; position: relative; }
	.programTextS h3 {font-size: 18px; margin: 2px auto 0; line-height: 1.1; } 
	.programTextS h6 {font-size: 16px; margin: 0 auto; font-style:normal; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } 
}


footer { width:100%; padding:1rem 0 0; display:grid; margin:0 auto; position:relative; background-color:#D4B997; background-image: url(images/msr_watermark.png) right bottom no-repeat;}

footer p, footer li { font-size:.85rem; color: rgba(255,255,255,0.7); }
footer a {color: rgba(255,255,255,0.85); font-weight: 700; }
footer a:hover {color: rgba(255,255,255,1); }
footer h3 {font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: clamp(1.1rem,2vw,1.25rem); color: rgba(255,255,255,0.4); margin: 1.5rem auto .5rem;}
footer h4 {margin:0 auto 1rem; font-weight:400; }
footer .textwidget { padding-bottom:1.5rem;  }
#foot-content { width:92%; max-width: 1280px; text-align:center;  margin: 0 auto; padding: 0 0 1.5rem;  }
#foot-content img.logo {width: 80%;}
#foot-content img.logo:first-of-type {padding: 1.5rem 0 0;}

@media only screen and (min-width: 533px) {
	#foot-content { text-align:left;  }
	footer .textwidget { padding-bottom:0; }
}

/*    a r t i c l e   s t y l e s    */

article {}
article h1 { font-size:36px; }
article h1 a { font-weight:300 !important; }
article h2 { margin: 24px auto;}

article footer { width:100%; min-height:50px !important; display:block; padding:24px 0; margin-bottom: 24px; border-top:thin solid rgba(0,0,0,0.11); border-bottom:thin solid rgba(0,0,0,0.11); background: none; }
article footer p {color:rgba(0,0,0,0.88); font-size: 16px; }
article footer a {color:rgba(0,0,0,1); }

.category-thoughts-from-the-island footer, .category-uncategorized footer {display: none !important;}

.category-wim div.menu-rotw-container, .category-sim div.menu-rotw-container  {display: none;}

.categoryOverview article {padding: 12px 0 24px; border-top:thin solid rgba(0,0,0,0.11); margin-top: 24px; }
.categoryOverview article img { width: 100%; height: auto; }
.categoryOverview article footer {display: none; }

#post-thumb { float:left; margin-left:-80px; }

aside {padding: 2rem 0 0;}
aside h3, h2.tribe-events-widget-events-list__header-title { font-size:.85rem; letter-spacing:2px;margin: 0 auto .5rem;color:rgba(0,0,0,0.33); font-family: 'Source Sans Pro', sans-serif; font-weight: 700; text-transform: uppercase;}
aside ul li { margin-bottom:24px; clear: both; }
aside ul li li { margin-left:5px; border-bottom:none; margin-bottom:5px; }

.blog nav a { font-size:12px; font-weight:400; font-style:italic; }




/*       f o r m s         */
.formbox h4 { color:#10BABC; font-size:39px; text-shadow: 1px 1px 0 #fff; filter: dropshadow(color=#ffffff, offx=1, offy=1); }
div.wpcf7 { background:url(images/stamp.png) bottom right no-repeat;  }
.wpcf7 p { margin-top:15px; }
label { font-size:.9rem; margin-bottom:.25rem; }
input, textarea { display:block; border-radius:.25rem; border:thin solid rgba(0,0,0,0.22); background:#fff; padding:.25rem .5rem; font-size:.9rem; line-height:1.5; width: 90%;  }
input[type="submit"] { background-color: #e22987; color: #fff; cursor: pointer; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; text-transform: uppercase; padding: .25rem 2rem; width: auto; border-radius:.25rem; border:none;text-shadow: none; }
input[type="submit"]:hover { background: #633787; color:#fff; text-shadow: none; }


/*   g a l l e r y     */

.ngg-gallery-thumbnail {border: 1px solid #fff !important;}

@media only screen and (max-width: 533px) {
.ngg-gallery-thumbnail-box { width: 150px; }
}

/*     c o n t e n t   s u b p a g e s       */


.adressbox { padding: 15px 0px 15px 10px; color:#fff;  }
.adressbox a { color:#FDFAB8; }
.adressbox a:hover { color:#FFF202; }

.info {background-color: rgba(0,0,0,0.11); background-image: url(images/info.png); background-position: left top; background-repeat: no-repeat; width: 70%; height: auto; padding: 12px 5% 24px 25% ;  }

#mod-box {padding: 10px 2.5%; widows: 95%; border-top: 1px solid rgba(0,0,0,0.11); }



/*      s h o r t c o d e   s t y l e s        */

@media only screen and (max-width: 767px) {
.su-row.mobile50 .su-column {float: left;width: 50%;margin: 0;padding: 0 2%;}
}

.su-label-type-info { /*background:rgba(254,211,21,0.4) !important; */ }
.su-label { color:rgba(255,255,255,0.8) !important; width:70%; padding:10px !important; font-size:15px !important; line-height:4 !important; font-weight:400 !important; margin-left:10px; }
.su-label img { margin:-33px 8px 0 -8px; } 

.su-note { border: #231f20 !important; }
.su-note a {   }

.ssba { padding:25px 0 !important; }

div#n2-ss-2 { font-family: 'Exo 2', sans-serif !important;  }


.su-tabs-nav span {font-family: 'Source Sans Pro', sans-serif; padding: 15px !important; font-size: 16px !important; line-height: 1.4 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
.su-tabs {padding: 0 !important; border-radius: 0 !important; background: #eee; }
/*.su-tabs-panes { padding: 24px 0 !important; background: white;}*/
.su-tabs-pane { padding: 24px 12px !important; font-size: 16px !important; }

.su-button {font-family: 'Source Sans Pro', sans-serif;}



/*        e v e n t   c a l e n d a r           */

.tribe-events-c-view-selector__list,
.tribe-events .tribe-events-c-events-bar__search-container,
.tribe-events .tribe-events-c-view-selector__content {background:white; border: 0 solid rgba(0,0,0,.2); border-radius:.25rem;}

.tribe-common button {border: 0; background: unset;}
.tribe-common button.tribe-events-c-top-bar__datepicker-button {padding: .5em 1em !important; background:#d9d9d9;}

.tribe-events .tribe-events-c-events-bar__search-container {left: unset !important; top:6rem !important; padding: 1rem !important;}

.single-tribe_events .tribe-events-content img { width: 100%; height: auto; }
.tribe-events-page-title { text-align: left !important; }
#tribe-bar-form .tribe-bar-submit input[type="submit"] { background: #333 !important; }
.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a { background-color: rgba(0,0,0,0.22) !important; }
#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a { background-color: #e22987 !important; }
.tribe-events-calendar thead th { background-color: #333 !important; }

.tribe-events-list .type-tribe_events { border-bottom: thin solid rgba(0,0,0,0.11) !important; padding-bottom: 24px !important; }


.tribe-events-calendar-list > * {break-inside: avoid;}
.tribe-events-calendar-list li {display: inline-block; margin:0 0 1rem; width: 100%; box-sizing: border-box;}

.tribe-events .tribe-events-calendar-list__month-separator {padding: 7rem 1rem 1rem 1rem;background: #d9d9d9; color:white; font-size: 2rem;font-weight: bold;line-height: 1;letter-spacing: -1px;}
.tribe-events .tribe-events-calendar-list__month-separator-text {flex: content !important;}


.tribe-events .tribe-events-calendar-list__event-row {gap: .5rem; margin: 1.5rem auto !important; border-bottom: 1px solid #f1f1f1; padding: 0 0 1.5rem 0;}
.tribe-events .tribe-events-calendar-list__event-date-tag {width: 3rem !important;}
time.tribe-events-calendar-list__event-date-tag-datetime {padding-top: 0 !important;}
time span.tribe-events-calendar-list__event-date-tag-weekday {background: #ed763a; color:white; font-family: 'Source Sans Pro', sans-serif; font-size: .875rem; font-weight: 700; text-transform: uppercase; margin-bottom: 0 !important; }
time span.tribe-events-calendar-list__event-date-tag-daynum  {background: rgba(245,210,165,.5); font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 2rem; line-height: 1.5; }

header.tribe-events-calendar-list__event-header {height: auto;}

.tribe-events-calendar-list__event-datetime-wrapper {display: none !important;}

h3.tribe-events-calendar-list__event-title {font-size: clamp(1.25rem,2vw,1.75rem); line-height: 1.2;}
.tribe-events .tribe-events-calendar-list__event-datetime-wrapper, .tribe-events .tribe-events-calendar-list__event-title {font-size: clamp(1.75rem, 4vw, 2.15rem);line-height: 1.2;}
.tribe-events-calendar-list__event-venue-title {font-weight: bold;font-size: 1.1rem; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif;display: block;}
.tribe-events-calendar-list__event-venue-address {font-family: 'Source Sans Pro', sans-serif; font-size: .9rem;display: block; }

.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media only screen and (min-width: 768px) {
	/*.tribe-events-calendar-list {margin: 0 auto;gap: 1.5rem;column-count: 2;}*/
	.tribe-events .tribe-events-calendar-list__event-row {gap: 1.5rem; margin: 2rem auto !important; border-bottom: 1px solid #f1f1f1; padding: 0 0 2rem 0;}
	/*.tribe-events .tribe-events-calendar-list__month-separator {padding: 15rem 2rem 1rem 1rem;}*/
	.tribe-events .tribe-events-calendar-list__event-date-tag {width: 4rem !important; min-width: 3rem !important; }
	/*.tribe-common .tribe-common-g-row--gutters > .tribe-common-g-col {padding-left: 1.5rem !important;padding-right: 1.5rem !important;}*/
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row > .tribe-common-g-col {padding-left: 0 !important;padding-right: 0 !important;}
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event {flex-direction: row !important;}

.tribe-events .tribe-events-calendar-list__event-cost {display: inline-block;padding: .25rem 1.5rem;background:#FAE8D2;font-weight: bold;font-family: 'Source Sans Pro', sans-serif;line-height: 1.5;color:#6A368D;}


/*
.parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 24px;
grid-row-gap: 0px;
}
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 4; } 
*/

/*        e v e n t   c a l e n d a r   w i d g e t           */

.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime {height: 64px !important;background: rgba(245,210,165,.5);}

.tribe-list-widget {background-color: rgba(0,0,0,0.1); padding: 5px 10px; }
.tribe-list-widget li {margin: 10px auto; border-bottom: thin solid rgba(255,255,255,0.77); padding-right: 50px; background: url(images/play-white.svg) no-repeat right; background-size: 25px 25px; }
h4.tribe-event-title { font-family: 'Source Sans Pro', sans-serif; font-size: 18px; margin: 0 auto; }
h4.tribe-event-title a {font-style:normal; font-weight: 700; }
.tribe-event-duration { display: block; font-size: 14px; padding-bottom: 6px;}

.tribe-events-widget-link {padding: 0px 30px 0 8px;font-size: 14px;color: white; letter-spacing: 1.5px; background: rgba(237,118,58,1.00) url(images/play-white.svg) no-repeat top right; border: rgba(237,118,58,1.00) solid 5px; text-align: right; float: right; display: inherit; margin: 24px auto;}
.tribe-events-widget-link a {font-family: 'Source Sans Pro', sans-serif; color: white; text-transform: uppercase; }

.tribe-events-event-image img {display: block;width: 100%;height: auto;}
.tribe-events-widget .tribe-events-widget-events-list__header {height: auto;}

.tribe-events-widget .tribe-events-widget-events-list__view-more {display: none;}
header.tribe-events-widget-events-list__event-header {height: auto;}
time.tribe-events-widget-events-list__event-datetime {display: none;}
div.tribe-events-widget-events-list__event-date-tag {margin: 0 .5rem !important; width: 18% !important; }
time span.tribe-events-widget-events-list__event-date-tag-month {background: #ed763a; color:white; font-family: 'Source Sans Pro', sans-serif; font-size: .875rem; font-weight: 700; text-transform: uppercase; }
time span.tribe-events-widget-events-list__event-date-tag-daynum {font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 2rem; line-height: 1.5;}
h3.tribe-events-widget-events-list__event-title {letter-spacing: 0; font-size: 1rem;}

@media only screen and (min-width: 768px) {
	.tribe-events-meta-group {width: 350px !important;}
	.tribe-events-venue-map {width: 350px !important;}
}


/*        n a v   r o t w              */

.menu-rotw-container {}
ul#menu-rotw li {font-family: 'Source Sans Pro', sans-serif; float: left; margin:10px 5px; }
ul#menu-rotw li a {font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color:#ed763a; padding: 8px; border: thin solid rgba(0,0,0,0.11); }
ul#menu-rotw li a:hover {background: #ed763a; border: thin solid #ed763a; color: white; }

.category-eat-drink-sleep .menu-rotw-container {display: none;}



/*         t a b l e s    v o n    f l o          */

.ac_playlist_table {text-align: left; }
.ac_playlist_table th {text-transform: uppercase; font-weight: 700; letter-spacing: 4px; line-height: 60px; }
.ac_playlist_entry_cover {float: left; margin: 0 24px 8px 0;}
.ac_playlist_entry_details {float: left; }
.ac_playlist_entry_songtitle {display: block; }

.chartsTable td {vertical-align: middle;}
.chartsTable tr {border-bottom: thin solid rgba(0,0,0,0.11);}


/*          a d r o t a t e          */

.a-single img {width:100%; height: auto;}



/*       NEW 2023        */

div.home-overview div.su-post a.su-post-thumbnail {width: 33.333%; height: auto;}
div.home-overview div.su-post:first-child a.su-post-thumbnail {width: 100%; height: auto;}
div.home-overview div.su-post a.su-post-thumbnail img {max-width: inherit; max-height: inherit; width: 100%; height: auto; padding-bottom: .5rem; aspect-ratio:16/9; object-fit: cover; }
div.home-overview div.su-post:first-child div.su-post-excerpt {display: block; margin: 0 0 .5rem .75rem; }
div.home-overview div.su-post div.su-post-excerpt {display: none; }
div.home-overview div.su-post:first-child h2.su-post-title {margin: 0 0 .5rem .75rem; font-size: 1.75rem; padding-top:.5rem; text-transform: none;  }
div.home-overview div.su-post:first-child .su-post-meta {margin: 0 0 .5rem .75rem; }
/*.su-posts-default-loop .su-post {margin-bottom: 1.25rem !important;}*/
div.home-overview div.su-post {margin-bottom: 1.5rem !important; border-bottom: thin solid rgba(0,0,0,.11); padding-bottom: .5rem;}

.discover { padding:.25rem 0 0; position: relative; }
.discover h5 {font-size: 1rem; letter-spacing: 1.5px; margin: .25rem auto 0;}
.discover h3 {font-size: 2.25rem; margin: 0 auto 1rem; line-height: 1;  }
.discover h3 a {font-weight: 600;}
.discover .su-post-meta {margin-bottom: .5rem;font-size: .75rem;opacity: .6;}

.widget-svg-icons img {width: 100%; height: auto;}
.widget-svg-icons {text-align: center;}


ul.standard li {list-style: circle;padding: .5rem 0; margin: 0 auto 0 1rem;}





/*.tribe-events .tribe-events-calendar-list__event-featured-image {
  display: block;
  aspect-ratio: 5/7;
  object-fit: cover;
	object-position: top;}
*/