/*
Theme Name: Web Desyn
Version: 1.1.1
Description: Web desyn styles;
Author: Denver Kunaka
*/
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital@0;1&family=Russo+One&display=swap');
/**
* GLOBAL Styles
*/
:root{
	--global-primary-color:midnightblue;
	--global-secondary-color:salmon;
}
/**
* Default element styles
*/
*{
	box-sizing: border-box;
	-webkit-font-smoothing:antialiased;
}
html{
	margin-top: 0!important;
	background: var(--global-primary-color)!important;
	color: var(--global-secondary-color);
}	 
body {
	font-family: 'Exo 2';
	display: flex;
    min-height: 100vh;
    flex-direction: column;
   background:var(--global-primary-color)!important;
}		
a{
	height: auto!important;
}	
button,.btn{
	cursor: pointer;
}
h1,h2,h3,h4{
	font-family:'Russo One';
}
iframe{
	width:100%!important
}	
strong{
	font-weight:bold!important;
}
/**
* Components
*/
#logo{
	height: 3.6rem;
	width:auto;
}
header{
	background: transparent;
	border-bottom: none;
}
.navbar-fixed{
	z-index: 999;
}
#header-bckg{
	width: 100%;
	margin-top: 0;
	height: 10rem;
	position: relative;
	top: 0;
	background-size: cover!important;
	z-index: 1;
}
#header-bckg #title{
	text-transform: capitalize;
	color: white!important;
	font-size: 1.6rem!important;
	font-weight: lighter;
}
#main-container{
	flex: 1 0 auto;
}
article, p{
	font-size:1.25rem;
}
article li{
	list-style:disc!important;
}
article img{
	width: 100%!important;
	height:auto!important;
}
article a, .wppb-text-block-content a{
	text-decoration: underline;
	text-decoration-style: dotted;
}
#zoom-cont{
	height: 90%;
	width: 95%;
	position: fixed;
	left: 2.5%;
	z-index: 500;
	background: whitesmoke;
	display: none;
	overflow: auto;
}
#overlay{
	position: fixed;
	z-index: 400;
	background:rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
/*table of cont*/
#toc{
	position: relative;
	box-shadow: 0 2px 4px grey;
}
#toc-trigger{
	position:absolute;
	top:50%;
	left: -3rem;
	color: white;
	z-index: 3;
	background: dimgrey;
	height: 4rem;
	width: 4rem;
	border-radius: 50%
}
.page-footer{
	height: auto;
	margin-bottom: -20px!important;
}
.dtk-notice{
	background:#494949;
	color:white;
	padding:1rem;
}
.dtk-notice a{
	text-decoration: underline;
}
/**
* =========================================
* WP Block styles
* =========================================
*/
.wp-block-quote{
	border-color:var(--global-secondary-color)!important;
	font-size:smaller;
}
.wp-block-pullquote{
	border-color:var(--global-secondary-color)!important;
}
.wp-block-pullquote blockquote{
	border: none;
}
.wp-element-button{
	background: var(--global-secondary-color);
	color: var(--global-primary-color);
}
.wp-caption {
	width: 100%!important;
}
/**
* =========================================
* WP Page builder styles
* =========================================
*/
.wppb-btn-custom{
	background: var(--global-secondary-color);
	color: var(--global-primary-color);
}
.wppb-addon-title{
	overflow:hidden;
}

/**
* WIDGETS
*/
.widget{
	margin-top:1rem;
}
@media only screen and (min-width: 1000px){
	h1 {
	  font-size: 4.2rem;
	}
	h2 {
	  font-size: 3.56rem;
	}
	h3 {
	  font-size: 2.92rem;
	}
	h4 {
	  font-size: 2.28rem;
	}
	h5 {
	  font-size: 1.64rem;
	}
	h6 {
		font-size: 1.15rem;
	}	
}