/*
Theme Name: CyberSat Hub 2020 Splashpage
Author: Access Intelligence
*/
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');
@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 {height:100%; font-size: 0.875em;}
body { background: url(images/satellite-dark.png) no-repeat center 260px fixed, url(images/lines-blue.png) no-repeat -100px 100px , url(images/lines-orange.png) no-repeat right top , url(images/bg_dots.png) no-repeat left bottom , url(images/bg_dots.png) no-repeat top right, url(images/bg-numbers3.jpg) fixed ; background-color:#000;
  font-family: 'Oswald','Roboto Condensed','Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 1rem; line-height: 1.42857143; font-weight:300; margin-top:2rem;
}
a {color:#02cbc2; transition:all .3s}
a:hover {color:#017976; text-decoration:none;}
hr { border-color:#f29da1; border-width:2px;}
hr.dark {border-color:#3a3232; border-width:1px; width:80%}

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 {font-size: 1.2rem;display:table;padding: 4px 20px;color: #fff;font-weight: 200; background:#10817c; margin:1rem auto; width:100%; max-width:400px}
.venue {font-size: 1.2rem; margin-top:.5rem; color:#0063a7; font-weight:200}
.savethedate {margin:3rem auto}
.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 */
.crate {background:rgba(0,0,0,.7); max-width:1000px; padding:1rem; margin:auto; color:#fff; }
.crate p {font-size:1.3rem;line-height:2rem;font-weight:200; margin:0}
.crate strong {font-weight:500}

/* Main menu  ___________________________*/
#menu-primary {padding-left: 0;}
#menu-primary li {list-style:none; display:inline-block; margin: .5rem auto}
#menu-primary li a {background: #fc9643; color:#000; font-weight:300; font-size:1rem; padding:.3rem 1.2rem .5rem;}
#menu-primary li a:hover {background: #fd7509; color:#fff;}
#menu-primary li a::after {content:"\f105"; font-family: 'FontAwesome';margin-left: .6rem;}
#menu-primary .reg a {background:#f00; color:#fff;}
#menu-primary .reg a:hover {background:#ba0101;}

/* 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:#999; font-weight:300}
.padding-topbottom {padding-top:1rem; padding-bottom:1rem;}
.bg-white {background:#fff;}
.divider {display:block; opacity:0; line-height:0}
.text-white {color:#fff;}

/* 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;}
	
}
@media (min-width: 768px) {
	.flexwrapper {height:100vh; display:flex}
	.flexblock {display:flex; align-items:center; justify-content:center; flex-direction:column;}
	.venue {font-size: 1.4rem;}
  #menu-primary li {margin:.5rem auto 1rem;}
	#menu-primary li a {margin:auto 1rem; font-size:1.2rem;}
  .divider {display:inline; opacity:1;}
  .crate {padding:1rem 3rem;}
	.crate p {font-size:1.5rem;line-height:2.3rem;font-weight:200; margin:0}
	.date {font-size:1.9rem;}
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

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