/* @override https://calendar.crosshaven.ie/zinc/css/site.css */

/* ---------------SITEWIDE--------------- */

/* @group Base */

body {
font-family: "aileron", sans-serif;
font-weight: 400;
font-style: normal;
	line-height: 1.2;
	font-size: 1.1em;
	background-color: #0d1930;
}

a {
	color: #d3a626;
	transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
opacity: 1;
transition:color .25s ease-in-out;
-moz-transition:color .25s ease-in-out;
-webkit-transition:color .25s ease-in-out;
transition:all .25s ease;
-webkit-transition-delay:all .25s ease;
-moz-transition-delay:all .25s ease;
-ms-transition-delay:all .25s ease;
-o-transition-delay:all .25s ease;
}

a:hover {
	color: silver;
}

a:focus,a:hover{color: gray}

h1,h2,h3,h4,h5,h6,h7 {
font-family: meno-banner, serif;
font-weight: 700;
font-style: normal;
	color: #d3a626;
}

.pagination {
	font-size: 1.2em;
	border-top: 1px solid #f6f3f3;
	border-bottom: 1px solid #f6f3f3;
	padding-top: 1em;
	padding-bottom: 1em;
}

.pagination a {
	font-size: 1.2em;
}

.pagination .active {
	font-size: 1.2em;
	background-color: #ea484d;
}

.pagination a:hover {
	font-size: 1.2em;
	background-color: #96948e;
	color: white;
}



/* @end */

/* @group Header */

.headerfixed {
	width: 100%;
	height: inherit;
}

#header {
	border-bottom: 1px solid #f6f3f3;
	padding-top: 1em;
	padding-bottom: 1em;
}

#nav-logo-container {
	color: white;
	background-color: #0d1930;
}

.section-header-container {
	background-size:cover;
	text-transform: uppercase;
	border-top: 4px solid white;
	background-color: #211e1f;
	background-image: url(https://pukanasurf.ie/zinc/img/header-01.jpg);
}

.section-header-container h1 {
	margin-bottom: 3em;
	line-height: .9;
	color: black;
	background-color: #ffcb26;
	padding: .3em;
	margin-top: 3em;
}

.headerblock {
	background-color: silver;
	color: white;
	opacity: 0.5;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 1.2em;
	padding-top: 1.2em;
}

.content-container {
}

.logo-footer {
	   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	opacity: 0.3;
	padding: 2em;
}

.logo-footer:hover {
	   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	opacity: 1;
}

.logo {
	   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	opacity: 1;
	padding: 1em;
}

logo:hover {
	   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	opacity: 0.5;
}

.logo-sidebar {
	margin-top: -5em;
}



/* @end */

/* @group Page */

#content {
	padding-top: 2em;
	padding-bottom: 2em;
}

#main-content-container {
background-color: #d3a626;
color: white;
}

#main-content-containerxxx {
	padding-top: 2em;
	background: #fbfaf7 none fixed;
	padding-bottom: 2em;
}

.sidebar-image {
	width: 100%;
	margin-top: 2em;
}

.read-more-link {
	display: inline-block;
	border: 2px solid #262626;
	background-color: white;
	text-transform: uppercase;
	color: #262626;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
opacity: 1;
transition:color 1s ease-in-out;
-moz-transition:color 1s ease-in-out;
-webkit-transition:color 1s ease-in-out;
transition:all 1s ease;
-webkit-transition-delay:all 1s ease;
-moz-transition-delay:all 1s ease;
-ms-transition-delay:all 1s ease;
-o-transition-delay:all 1s ease;
	padding: .4em .7em;
}

.read-more-link a {
	color: #262626;
}

.read-more-link:hover {
	color: #feffff;
	text-transform: uppercase;
	background-color: #262626;
}

.img-circle {
    border-radius: 50%;
}

.article {
	font-size: 1.1em;
	padding-bottom: 2em;
	padding-right: 1em;
	color: white;
}

.padding1em {
	padding: 1em;
}

.share-icons {
	margin-top: 2em;
}

.listing-container {
	margin-top: 2em;
	margin-bottom: 2em;
}

.entry-title {
	color: #262626;
	line-height: 1;
	font-size: 2.8em;
	margin-bottom: .8em;
}

.article-date {
	padding-top: .5em;
	padding-bottom: .5em;
	color: #bac6d0;
}

.article-date-page {
	padding-top: .5em;
	color: #3b372f;
	margin-top: -1em;
}

.article-image-container {
opacity: 1;
}

.list-image-container {
opacity: 1;
	overflow: hidden;
}

.list-image {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
		-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.list-image:hover {
	opacity: 0.71;
		-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.article h3 {
	font-size: 2.5em;
	line-height: 1;
	color: #ffcb26;
	margin-bottom: .7em;
}

.full-width-listing .article h3 {
	font-size: 2.5em;
	line-height: 1;
	color: #ea484d;
	margin-top: .2em;
	margin-bottom: .2em;
}

.image-title-container {
}

.image-title-container img {
	width: 100%;
}

.article-image {
	margin-bottom: 1em;
}

.logo-divider {
	opacity: 0.25;
	padding-top: 1em;
	padding-bottom: 1em;
}

/* @end */

/* @group Footer */

#footer-container {
	list-style-type: none;
	color: #ffffff;
}

footer {
	list-style-type: none;
	padding-top: 2em;
	padding-bottom: 2em;
	background-image: none;
}

.socialmedia {
	text-align: center;
}

.social-account-icons {
	padding-top: 1em;
	padding-bottom: 1em;
}

.social-account-icons i {
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
opacity: 1;
transition:color 1s ease-in-out;
-moz-transition:color 1s ease-in-out;
-webkit-transition:color 1s ease-in-out;
transition:all 1s ease;
-webkit-transition-delay:all 1s ease;
-moz-transition-delay:all 1s ease;
-ms-transition-delay:all 1s ease;
-o-transition-delay:all 1s ease;
	font-size: 1.6em;
	text-align: center;
	margin-right: .3em;
	margin-left: .3em;
}

.social-account-icons i:hover {
	color: #96948e;
}

#legal-credits-container {
	margin-top: 1em;
	font-size: .9em;
}

#legal-credits-container a {
	opacity: 1;
	color: #feffff;
}

#legal-credits-container a:hover {
	opacity: 1;
	color: #a1c514;
}





/* @end */

/* @group Navigation */

#navigation {
	font-family: meno-banner, serif;
font-weight: 700;
font-style: normal;
	text-align: center;
	color: #d3a626;
	margin-top: -1rem;
	margin-bottom: 1em;
	font-size: 1.6rem;
}

#navigation li {
	display: inline-block;
	margin-left: 1em;
	text-transform: uppercase;
}

#navigation a {
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
opacity: 1;
transition:color 1s ease-in-out;
-moz-transition:color 1s ease-in-out;
-webkit-transition:color 1s ease-in-out;
transition:all 1s ease;
-webkit-transition-delay:all 1s ease;
-moz-transition-delay:all 1s ease;
-ms-transition-delay:all 1s ease;
-o-transition-delay:all 1s ease;
	padding-bottom: .2em;
}

#navigation a:hover {
	line-height: 1.3em;
	color: gray;
	margin-bottom: .4em;
	opacity: 1;
	border-bottom: 1px solid rgba(183,157,0,0);
	padding-bottom: .4em;
}

.title-bar {
	color: white;
}

.menu-icon {
	color: #b79d00;
}

#mobile-navigation {
	opacity: 1;
	background-image: none;
	background-color: black;
}

#mobile-navigation ul {
	opacity: 1;
}

#mobile-navigation li {
	opacity: 1;
	font-weight: bold;
	margin-bottom: .6em;
}

#mobile-navigation a {
	color: #feffff;
	text-transform: uppercase;
	opacity: 1;
	font-size: 1.2em;
}

#mobile-navigation a:hover {
	color: #b3b3b3;
	text-transform: uppercase;
	opacity: 1;
}

.button {
	background-color: #d3a626;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid white;
}

.button:hover {
	background-color: #7e7e7e;
}

.readmore-home .button {
	background-color: #7e7e7e;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid white;
}

.readmore-home .button:hover {
	background-color: #ffcb26;
	color: black;
}

/* @end */

/* @group Sidebar */

.sidebar-listing {
	margin-bottom: 2em;
	list-style-type: none;
	margin-top: 1em;
}

.sidebar-listing h4 {
	color: #ffcb26;
	font-size: 1.8em;
	margin-bottom: .4em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

.sidebar-excerpt {
	margin-top: 2em;
	margin-bottom: 2em;
}

.sidebar-listing li {
	margin-bottom: .8em;
	margin-top: .8em;
}

#bookcover-sidebar {
	font-size: 1.2em;
	text-align: center;
}

.bookings-sidebar {
	text-align: center;
	text-transform: uppercase;
	margin: 2em .5em;
	padding: 1em .5em;
	border: 1px solid #ffcb26;
}

.bookings-sidebar h3 {
	font-size: 2.1em;
	margin-bottom: 0;
}

.bookings-sidebar h4 {
	color: white;
	font-size: 2em;
	margin-top: 0;
}

.phonelink {
	font-size: 1.4em;
}

.phonelink:hover {
	color: white;
}

.fa-whatsapp {
	color: #00e576;
}



/* @end */

/* ---------------SECTION SPECIFIC--------------- */

/* @group Homepage */

.homepage {
	margin-top: 2em;
}

.page-container {
	background-color: #fefeff;
}

.article-block-display {
	margin-top: 2em;
	color: gray;
	text-align: center;
}

.article-block-display .article-date {
	text-align: center;
	font-weight: bold;
}

.article-block-display h3 {
	line-height: 1;
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 0;
}

.slider-container {
	background-size: cover;
	background-color: #0d1930;
}

.mission-container {
	background-size: cover;
	background-color: #e6e5e5;
}

.slide-content{color:white;z-index:99999999;font-size: 1.6em;text-transform:uppercase;line-height: 1.2em;text-shadow:black 3px 3px 10px;
	position: absolute;
	text-align: center;
	top: 22%;
	right: 33%;
	left: 33%;
}

.mission {
	text-align: center;
	margin-top: 2em;
	color: #00bfff;
	font-size: 1.1em;
	margin-bottom: 2em;
}

.mission h4 {
	color: white;
}

.mission h5 {
	color: white;
	text-transform: uppercase;
}

.mission p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 2rem;
	color: #0d1830;
}

.blackbg {
	background-color: black;
}

.paypal-container {
	background-color: #0d1930;
	padding-top: 2em;
	padding-bottom: 2em;
}

.sponsors-container {
	padding-top: 2em;
	padding-bottom: 2em;
	background-color: white;
}

.instructions {
	color: white;
	padding-bottom: 2em;
}

.profits {
	color: maroon;
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.profits h2 {
	color: white;
}

/* @end */

/* @group Book */

.book-title-link {
	margin-top: 1em;
	margin-bottom: 1em;
}

.book-cover {
	text-align: center;
		opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
		-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	margin-bottom: 1em;
}

.book-cover:hover {
		-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.list-image {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
		-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.books-reviews-list {
	margin-bottom: 2em;
	margin-top: 1em;
	padding: 1em;
	background-color: rgba(254,255,255,0.5);
}

.bookcover-image-container img {
	width: 100%;
}

blockquote {
	border-left-style: none;
	color: #362c61;
	font-weight: bold;
	background-color: #eaeaeb;
}

.book-cover-container {
	font: 1.1em/1.2 neusa-next-std-n4, neusa-next-std, "Droid Sans", "PT Sans", Lato, Arimo, Cabin, Nobile, Cantarell, Puritan, Tahoma, "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	background-size: cover;
	background: #362c61 url(http://write.digital/zinc/bg/asfalt-dark.png) repeat fixed;
	padding: 1em;
}



/* @end */

/* @group News */

.news-list-sidebar {
	padding: 2em 2em 0;
}

.date {
	color: #6a6c71;
	display: inline-block;
	font-size: 1em;
	margin-right: 1em;
}

.full-width-listing {
	margin-bottom: 1em;
	background-image: none;
	padding: 1em;
}

.listing-title {
	font-size: 2.5em;
	line-height: 1.1;
}



/* @end */

/* @group Contact */

.introblock {
	margin-bottom: 3em;
}

.intro-dark-bg {
	margin-bottom: 3em;
	color: white;
}

.contact-form {
	margin-bottom: 3em;
}

/* @end */

/* @group Slider */

.orbit-container {
	background-color: transparent;
}

.slider-imagepanel {
	text-align: center;
}

.slider-textpanel {
	display: inline-block;
	text-align: center;
	margin-bottom: 1em;
	margin-top: 1em;
}

.slider-textpanel-content {
	display: inline-block;
	text-align: center;
	margin-bottom: 1em;
	background-color: transparent;
	color: white;
	margin-top: 1em;
}

.slider-textpanel h3 {
	line-height: 1;
	margin-top: 1em;
}

.slider-image {
	margin-top: -3em;
	padding-bottom: 1em;
	margin-bottom: -3em;
}



/* @end */

/* @group Twitter */

.twittersidebar {
	padding: 1em;
}

.screen-namexx{font-size:1.4em;line-height:1.6;font-style:normal;font-weight:normal;
	text-transform: uppercase;
}

.screen-namexx h5 {
	margin-bottom: -.5em;
}.tweet-date a{line-height:1.6;font-size:0.9em;color:silver;}

.ce_tweet_time{color: white;
	font-size: .9em;
}

.ce_tweet_name{
	font-weight: bold;
	font-size: 1.2em;
}

.tweet-content{line-height:1.5;font-size: 0.8em;
	color: white;
}.tweet-actions{line-height:1.6;font-size:0.9em;
}.tweet-actions i{color: black;}

.twitter-block-home .tweet-content{line-height: 1.5;
	color: black;
	font-size: 1em;
	margin-bottom: 1em;
}

.twitterfeed {
}

/* ----HOMEPAGE-------- */

.twitter-homepage {
	margin-top: 1em;
	margin-bottom: 2em;
	color: black;
	background-image: none;
}

.twitter-container {
	border-top: 2px solid white;
	color: black;
	background-image: none;
	border-bottom: 2px solid white;
}

.twitter-homepage .ce_tweet_time{color: #fff;
	font-size: .9em;
}

.twitter-homepage .tweet-date{color: black;
	font-size: .8em;
}

.twitter-homepage .ce_tweet_name{
	font-weight: bold;
	font-size: 1.2em;
	color: black;
}

.twitter-homepage .tweet-actions a{
	margin-right: .5em;
	margin-left: .5em;
	color: black;
}

.twitter-homepage .tweet-actions a:hover{
	color: #fff;
}

.twitter-homepage .tweet-content{line-height:1.5;font-size: 1em;
	color: black;
	margin-top: .7em;
	margin-bottom: .7em;
}



/* @end */

/* @group Blog */

.alignleft {
	float: left;
	margin: 1em;
	display: inline-block;
}

.alignright {
	float: right;
	display: inline-block;
	margin: 1em;
}

.mh-logo-placeholder {
	
}



/* @end */

/* @group Site - Privacy */

.consent-request-block {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border: 1px solid silver;
	padding: 1em;
}

.consent-response-date {
	padding-bottom: 1em;
	padding: 1em;
	background-color: #ffcb26;
	font-size: .9em;
	color: black;
}

table {
	color: black;
}



/* @end */

/* ---------------MEDIA QUERIES--------------- */

/* Small only */

@media screen and (max-width: 39.9375em) {

.header-container {
	margin-top: 0;
}

.peru-footer {
	text-align: center;
	font: 1.3em countach-n7, countach, "Droid Sans", "PT Sans", Lato, Arimo, Cabin, Nobile, Cantarell, Puritan, Tahoma, "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	margin-top: 2em;
	margin-bottom: 2em;
}

.peru-footer img {
	width: 33%;
	margin: .5em .5em 1em;
	text-align: center;
}

.twocolumns {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}

.social-account-icons {
	padding-top: 1em;
	padding-bottom: 1.6em;
	text-align: center;
}

#legal-credits-container {
	margin-top: 1em;
	color: #ffcb26;
	font-size: .9em;
	text-align: center;
}}

/* Medium and up */

@media screen and (min-width: 40em) {}

/* Medium only */

@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */

@media screen and (min-width: 64em) {

#navigation {
}}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* @group Duotones */

:root2 {
  --base:              #000000;
  --bg-blend:          screen;
  --blur:              0px;
  --fg-blend:          exclusion;
  --foreground:        #1d1d37;
  --opacity:           0.7;
  --spacing:           0px;
}
.img-wrapper {
  background-color:    var(--base);
  display:             flex;
  flex:                1 1 100%;
  height:              100%;
  overflow:            hidden;
  padding:             var(--spacing);
  position:            relative;
}

.img-wrapper img {
  filter:              grayscale(100%) contrast(1) blur(var(--blur));
  flex:                1 0 100%;
  height:              100%;
  max-width:           100%;
  mix-blend-mode:      var(--bg-blend);
  object-fit:          cover;
  opacity:             var(--opacity);
  position:            relative;
  width:               100%;
}

.img-wrapper::before {
  background-color:    var(--foreground);
  bottom:              0;
  content:             '';
  height:              100%;
  left:                0;
  mix-blend-mode:      var(--fg-blend);
  position:            absolute;
  right:               0;
  top:                 0;
  width:               100%;
  z-index:             1;
}



/* @end */