@charset "UTF-8";
/*
Theme Name: awave
Theme URI: https://www.awave.stenderweb.dk/
Author: Stender
Description: This theme is created for a jobtest
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.0
*/

/*GLOABALS*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');
*{
	font-family: 'Roboto Mono', monospace;
}
img{
	max-width:100%;
}
.white, .white *{
	color:#FFF;
}
.black, .black *{
	color:#000;
}
.medium-grey, .medium-grey * {
	color:#999999;
}
.bold, .bold *{
	font-weight:700;
}
.noMargin{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.postHeader .awaveHeader{
	font-size: 50px;
	line-height: 120%;
}
.btn-aware{
	color:#FFF;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	background: linear-gradient(113.73deg, #F4962B 0%, #D417B7 100%);
	border-radius: 30px;
	font-weight:700;
	background-origin: border-box;
	padding:17px 30px;
	background-position: top;
	border: none;
    transition: all 0.5s ease;
}
.btn-aware:hover{
	background: linear-gradient(45deg, #F4962B 0%, #D417B7 100%);
	background-position-x: 166px;
}
.btn.btn-aware:not(:disabled):not(.disabled).active, 
.btn.btn-aware:not(:disabled):not(.disabled):active,
.btn.btn-aware:not(:disabled):not(.disabled):focus, 
.btn.btn-aware:not(:disabled):not(.disabled):focus{
	background: linear-gradient(113.73deg, #F4962B 0%, #D417B7 100%);
	background-position: top;
	border: none;
	outline:none;
	box-shadow: none;
}
.postHeader .contentWrapper{
	font-size: 22px;
line-height: 136%;
}
div#page {
    max-width: 1480px;
    margin: auto;
/*     background:url(/wp-content/themes/awave/inc/images/grey-wave-1-tall.svg); */
/*     background-repeat:no-repeat; */
/*     background-size:100%; */
    min-height: calc(100vh - 32px);
    
}
#page > .container-fluid{
    background: url(/wp-content/themes/awave/inc/images/grey-wave-1-tall.svg);
    background-repeat: no-repeat;
    background-position: top;
    background-color: rgba(196, 196, 196, .1);
    padding-bottom: 118px;
    min-height: calc(100vw / 1.8942);
    background-size: contain;
}

/*MENU BAR*/
.site-navigation-wrapper {
    padding: 26px 0;
}
.logoLink{
	display:inline-block;
	line-height:0px;
}
ul#menu-menu-1 {
    list-style: none;
    margin-bottom: 0px;
}
ul#menu-menu-1 li {
    display: inline-block;
}ul#menu-menu-1 li::after{
	content:' ';
	display:block;
	width:100%;
	height:2px;
	background: linear-gradient(113.73deg, #F4962B 0%, #D417B7 100%);
	margin-top:5px;
	opacity:0;
	transition: all 0.5s ease;
}
ul#menu-menu-1 li a{
    color:#000;
    font-weight: bold;
	font-size: 18px;
	line-height: 156%;
}
ul#menu-menu-1 li a:hover{
	text-decoration:none;
}
ul#menu-menu-1 li.current-menu-item::after, ul#menu-menu-1 li:hover::after{
	opacity:1;
}

/*HOME*/
.postHeader{
	padding-top:70px;
}
.featuredImageWrapper{
	image-rendering: pixelated;
}

/* home -> Form*/
.formWrapper {
    padding: 50px 100px;
    background: #FFFFFF;
	box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.09);
	border-radius: 3px;
	border: 1px solid #999999
}
.formWrapper input, .formWrapper textarea{
	border: 1px solid #999999
}
.formWrapper .form-group input, 
.formWrapper .form-group textarea, 
.formWrapper .form-group input::placeholder, 
.formWrapper .form-group textarea::placeholder{
	color:#999999;
	font-size: 16px;
	line-height: 30px;
}

/*
SUMBISSIONS PAGE
*/
.submissionsPostHeader{
    padding-top: 25%;
    padding-bottom: 25%;
}
.submissionsWrapper{
	max-width:780px;
	margin:auto;
	margin-top: 20%;
}
.submissionsContentWrapper{
	margin-bottom:100px;
}
.singleSubmissionWrapper{
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom: 1px solid rgba(153, 153, 153, 1)
}
.submissionFullName{
	font-size: 20px;
	line-height: 140%;
	margin-bottom:20px;
}

.submissionInfo {
	font-size: 15px;
	line-height: 133%;
	margin-bottom:20px;
}
.submissionPhoneNumber,
.submissionEmail{
	diplay:inline-block;
	vertical-align:middle;
	color:#1481B9;
	font-weight:500;
}
.submissionPhoneNumber{
	padding-right:20px;
}
.submissionEmail{
	padding-left:20px;
	border-left:1px solid #1481B9;
}
.submissionMessageWrapper{
	font-size: 16px;
	line-height: 150%;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor:pointer;
}
@media all and (min-width:1500px){
	#page > .container-fluid{
	    background-size: auto;
	}
}
@media (min-width: 1200px) {
    .container{
        max-width: 980px;
    }
}

/*Responsive styles*/
@media all and (max-width:768px){
	.formWrapper {
    	padding: 30px 30px;
	}
	.submissionsWrapper{
		margin-top:0px;
	}
}
@media all and (max-width:540px){
	#page > .container-fluid {
	    min-height: unset;
	    height: auto;
	    background-size: auto;
	    background-position: top left;
	}
	.submissionsContentWrapper{
	    margin-bottom: 40%;
	}
	.submissionsContentWrapper p{
		color:#FFF;
	}
}
@media all and (max-width:425px){
	.postHeader .awaveHeader {
    	font-size: 36px;
	}
	.postHeader .contentWrapper {
    	font-size: 20px;
	}
	.submissionsContentWrapper{
	    margin-bottom: 60%;
	}
	p.submissionInfo a {
    	display: inline-block;;
    	border: none;
    	padding: 0px;
    	margin-bottom: 5px;
    	word-break: break-all;
	}
}
@media all and (max-width:320px){
	.submissionsContentWrapper{
	    margin-bottom: 80%;
	}
}