/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*----------Typography-----------*/

body {
	margin: 0;
}

body,
button,
input,
select,
textarea {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
    display: inline-block;
    font-family: "droid-sans";
    color: #ddca7e;
    background: #282c34;
	padding: .5em .8em;
    border-radius: .2em;
}

code,
kbd,
tt,
var {
	font: 15px 'Montserrat';
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

figure {
	margin: 0;
}

/* Global layouts */
@media screen and (min-width: 700px) {
    .two-column {
        column-count: 2;
        column-gap: 2.4em;
    }
}

/* Global buttons */
.content-button {
	padding: .5em 1em;
	border: 3px solid white;
	/*border-radius: 10px;*/
	font-weight: 600;
}

a.content-button {
	color: white;
	text-decoration: none;
}

a.content-button:focus,
a.content-button:hover {
	background: rgba(8,27,235,1.00) ;
	color: #FFFCED;
}
.twin .content-button {
	padding: .5em 1em;
	border: 3px solid black;
	/*border-radius: 10px;*/
	font-weight: 600;
}
.twin a.content-button {
	color: black;
	text-decoration: none;
}
.twin a.content-button:focus,
a.content-button:hover {
	background: rgba(8,27,235,1.00) ;
	color: #FFFCED;
}

/*---------General styling------*/

h1,
h2,
h3 {
	text-align: center;
	margin: 0;
	padding: 1em 0;
}

p {
	margin: 0;
	padding-top: 1.4em;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1.4em;
}

img {
	display: block;
	border: 0;
	width: 100%;
	height: auto;
}


/*---header styles----------*/

.masthead {
    padding: 0;
    background-color: rgba(8,27,235,0.5);
}

@media screen and (min-width: 25em) {
    .site-header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
}

.logo{
	
	
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 50px;
	margin-right: 50px;
	padding-top: auto;
	text-align: center;
	
}
.logo a{
    font-family: 'Montserrat', sans-serif;
	font-size: 1.7rem;
	text-align: center;
	color: rgba(68,60,60,0.8);
	text-decoration: none;
	border:  3px  solid  white;
	text-transform: uppercase;
	padding: 2px 10px 0 10px;
	margin: left 50px;
	background-color: rgba(235,208,69,1.00);
}
.logo a:hover{
	background-color: rgba(235,208,69,1.00);
	color: rgba(68,60,60,0.8);
}
header a.logo span { display: none; }



.site-title a {
    display: flex;
    align-items: baseline;
    font-family: 'Montserrat', sans-serif;
	font-size: 1.7rem;
	color: rgba(68,60,60,0.8);
	text-decoration: none;
	border:  3px  solid  white;
	text-transform: uppercase;
	padding: 2px 10px 0 10px;
	margin: 0;
	background-color: #f3c76e;
}

/*-------Mobile-first menu-------*/
.menu {
	padding: 1em 2em;
   background-color:  rgba(8,27,235,1.00);
}
.menu ul {
    margin: 0;
    padding: 0;
	list-style-type: none;
}

.menu a {
    display: block;
    padding: .6em 0;
    color: white;
    text-decoration: none;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    transition: all .4s;
}

.menu a:focus,
.menu a:hover {
    padding-left: 1em;
    background: white;
    color: #002254;
}

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

    .menu > ul:last-of-type > li:nth-last-child(2) > a {
        border-bottom: none;
    }

    a.reserve {
        margin-top: .4em;
        text-align: center;
        font-weight: 600;
        border: 1px solid white;

    }

    a.reserve:focus,
    a.reserve:hover {
        padding-left: 0;
        background: white;
        color: #002254;
    }
}

@media screen and (min-width: 25em){
	.menu ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
	}

	.menu li {

	}

    .menu a {
        padding: .8em 1em;
        border-bottom: none;
    }

    .menu a:focus,
    .menu a:hover {
        background: inherit;
        color: white;
        text-decoration: underline;
    }


    a.contact {
        margin: .4em 1em 0;
        padding: .3em 1em;
        border: 1px solid white;
        transition: none;
    }

    a.contact:focus,
    a.contact:hover {
        background: white;
        color: #002254;
        text-decoration: none;
    }
}

/*--------------------------------------------------------------
Modules
--------------------------------------------------------------*/

.splash {
	padding-bottom: 2em;
	background-image: url("../images/experience/cage-nutsem.png");
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.splash-content {
	background-color:rgba(8,27,235,0.5);
	padding: 1.5em;
}
 h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-color: white;
	font-size: 2.2em;
	background-color: rgba(8,27,235,1.00);
	
}
 h3 .article {
	font-family: 'Montserrat', sans-serif;
	color: white;
	font-size: 2.2em;
	font-weight: 700;
	
}
.splash-text {
    columns: 2;
    column-gap: 2em;
}

.splash-text p {
	padding-top: 0;
	color: white;
}

/* CTA */

.cta {
    padding: 3em;
    background:rgba(8,27,235,0.4);
    text-align: center;
}

.cta a {
    padding: 0 .5em;
    font-size: 2em;
    font-weight: 900;
    color: #fffced;
    text-decoration: none;
    border: 5px solid #fffced;
}

@media screen and (min-width: 40em) {
    .cta a {
        font-size: 3em;
        border-width: 10px;
    }
}

.cta a:focus,
.cta a:hover {
    background: #fffced;
    color: #b51c35;
}

/* Three Reasons */

.three-reasons {
    margin: 2em 0;
    padding: 0;
    background: rgba(245,128,49,1.00);
}
.three-reasons p {
	
	color: white;
}
.reason {
    margin-bottom: 1em;
    padding-bottom: 2em;
}

.reason figcaption {
    padding: 0 1.5em;
}

@media screen and (min-width: 50em) {
    .three-reasons {
        display: flex;
        margin: 1em auto 0;
    }
    .reason {
        width: calc(100/3)%;
    }
}

@media screen and (min-width: 70em) {
    .three-reasons {
        padding: 2em 0 0;
    }
}

.content-title {
	font-family: 'Montserrat', sans-serif;
	color: white;
    margin-bottom: 0;
    font-size: 1.4em;
	 background-color:black;
}

h2 .content-title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
.reason p {
    margin: .5em 0 1.8em;
	color: white;
}

/* Feature */

.features {
    margin: 2em 0;
}

.feature {
    background: rgba(59,194,243,0.5);
    margin-bottom: 1em;
}

.feature figcaption {
    padding: 0 2em 3em;
}

@media screen and (min-width: 50em) {
    .features {
        -js-display: flex;
        display: flex;
        flex-wrap: wrap;
        margin: 3em auto 2em;
        padding: 0;
    }

    .feature {
        width: 50%;
        margin-bottom: 0;
    }

    .feature figcaption {
        padding: 0 1.5em 3em;
    }
}
/* Twins section */

.twin {
	padding: 3em;
	background: white;
	font-family: 'Montserrat', sans-serif;
}

.twin:last-of-type {
	background: white;
}
.twin a {
	font-family: 'Montserrat',sans-serif;
	font-size: 1.5em;
	color: red;
	weight: 700;
	text-decoration: none;
}
.twin a:hover {
	font-family: 'Montserrat',sans-serif;
	font-size: 1.5em;
	color: aqua;
	weight: 700;
	text-decoration: none;
}
footer{
	background-color: rgba(217,188,66,1.0);
	font-family: 'Montserrat', sans-serif;
	margin: 0px;
	padding: 30px;
}
 .article a {
	font-family: 'Montserrat',sans-serif;
	font-size: 1.5em;
	color: red;
	weight: 700;
	text-decoration: none;
}
.article a:hover {
	font-family: 'Montserrat',sans-serif;
	font-size: 1.5em;
	color: aqua;
	weight: 700;
	text-decoration: none;
}
footer .article a{
	
	padding-bottom: 2em;
	font-family: 'Montserrat', sans-serif;
	font-size: 2.5em;
	color: rgba(8,27,235,1.00);
	font-weight: 700;
	text-decoration: none;
	
}
footer .article center a:hover {
	color: #61cecb;
}
 p.copyright{
 font-family: 'Monserrat', sans-serif;
 text-align: center;
 color: #888;
 font-size: .7em;
 padding-bottom: 5px;
}
   footer #privacy {
	font-family: 'Montserrat', sans-serif;
	font-ize: .9em;
	padding: 20px;
	margin-top: 20px;
	color: #888;
}
footer h4 {
	color: #888;
}

footer #privacy h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: capitalize;
	color: black;	
}
footer #privacy p {
	color: #888;
	font-size: .5em;
	text-align: justify;
	-webkit-transition: font-size .5s ease;
	-moz-transition: font-size .5s ease;
	-o-transition: font-size .5s ease;
	transition: font-size .5s ease;
}
footer #privacy p:hover {
	font-size: 1em;
	color: red;
}