/*
Theme Name: Clean Gulf 2020 Splashpage
Author: Access Intelligence
*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');

html {  font-size: 0.875em;}
body { background:url(images/parallelograms-multiply.svg) no-repeat center 100px / cover , url(images/glow.png) no-repeat fixed top center, url(images/burst-opacity.svg) no-repeat top center / cover, url(images/bg-photos_glow.jpg) no-repeat fixed top center / cover ;background-blend-mode: multiply;;
  font-family: 'Roboto Condensed','Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.42857143;
}
a {color:#0240dd; transition:all .3s}
a:hover {color:#4ea2fc; text-decoration:none;}
hr { border-color:#f29da1; border-width:2px;}

h1,h2,h3,h4,h5,h6 {font-weight:bold;}
h1 {font-size: 2.441rem; margin: 0 0 0.5em; }
h2 {font-size: 1.953rem; margin: 0.5em 0; color:#001a48;;}
h3 {font-size: 1.563rem; margin: 0.5em 0; color:#001a48;}
h4 {font-size: 1.5rem; font-weight:100 }
h5 {font-size: 1.35rem;}
h6 {font-size: 1.15rem;}
p, ul {font-size: 1.1rem; margin: 1em 0 1.5em;}
img {max-width: 100%; height: auto;}

/* btn color ___________________________*/
.btn {border:none; white-space: normal; font-size:1rem; margin:.5rem auto; border-radius:0;}
.btn-primary {background:#0174ee; margin:.5rem .8rem;}
.btn-primary:hover {background:#165ec0;}
.btn-main {background:#e90000; border:1px solid #e90000; color:#fff;}
.btn-main:hover {background:#c50202; color:#fff;}

/* General */
.date {margin-bottom:0rem; margin-top:.5rem; color:#0063a7; font-size: 1.5rem;}
.venue {font-size: 1.2rem; margin-top:.5rem; color:#0063a7; font-weight:200}
.savethedate {color:#faca28; font-size:3rem; filter: drop-shadow(2px 2px rgba(0,0,0,.5)); margin-bottom:-.5rem;
background: -webkit-linear-gradient(#faca27, #efead5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
.content_body {background:rgba(256,256,256,.95); padding-top:1.5rem; padding-bottom:1.5rem;}
.mainlogo {padding:0 .8rem 0 .8rem; max-width:350px;}

/* Home */
.home #menu-primary {z-index: 99;position: absolute;margin: 100px auto 0; width:100%}

/* Main menu  ___________________________*/
#menu-primary {padding-left: 0;}
#menu-primary li {list-style:none; display:inline-block; margin: .5rem auto}
#menu-primary li a {background: #0134d9; color:#fff; font-weight:300; font-size:1rem; padding:.6rem 1.5rem; border-radius:.4rem;box-shadow:2px 2px 0px rgba(0,0,0,.2)}
#menu-primary li a:hover {background: #00249b;}
#menu-primary .reg a {background:#e90000;}
#menu-primary .reg a:hover {background:#ff0000}

#menu-register {padding-left:0}
#menu-register li {list-style:none; display:inline-block}
#menu-register li a {list-style:none;font-size: 1.2rem !important;display:inline-block;background:#e90000;color:#fff; font-weight:300; font-size:1rem; padding:.6rem 1.5rem; border-radius:.4rem;box-shadow:2px 2px 0px rgba(0,0,0,.2)}

/* Utility Styles ___________________________*/
.section-spacer {padding-bottom: 2rem; padding-top: 2rem;}
.flexcontainer {display:flex; flex-wrap: wrap; align-self:center}
.vcenter {align-self:center}
.copyright {font-size: .85rem; color:#54b8fd; font-weight:300}
.padding-topbottom {padding-top:1rem; padding-bottom:1rem;}
.bg-white {background:#fff;}
.divider {display:block; opacity:0; line-height:0}

/* Mkto CW Subscribe */
#mktoForm_1732 { margin: auto}

/*********** Media Queries *****************/
@media (min-width: 540px) {
	html {font-size: 1em; /* 16px / 16px (browser default font-size) */}
	.alignleft {float: left;padding-right: 30px; margin: 0;}
	.alignright {float: right;padding-left: 30px; padding-bottom: 30px; margin: 0;}
	.savethedate {font-size:6rem}
	.home #menu-primary {margin: 250px auto 0;}
}
@media (min-width: 768px) {
	.flexwrapper {height:100vh; display:flex}
	.flexblock {display:flex; align-items:center; justify-content:center; flex-direction:column;}
	.date {font-size: 2rem;}
	.venue {font-size: 1.4rem;}
  #menu-primary {margin-top: 2rem}
  #menu-primary li {margin:.5rem auto 1rem;}
	#menu-primary li a {margin:auto 1rem; font-size:1.2rem;}
  .divider {display:inline; opacity:1;}
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

/*********** Media Queries for mobile *****************/
@media (max-width: 540px) {

}