/* 
Theme Name:		 Fullwood Packo
Theme URI:		 http://yarrington.co.uk/
Description:	 Fullwood Packo is a child theme of HelloElementor
Author:			 Yarrington
Author URI:		 http://yarrington.co.uk/
Template:		 hello-elementor
Version:		 1.0.0
Text Domain:	 fullwood-packo
*/
* {
	outline: none !important;
}
:focus {
	outline:none;
}
.width-auto {
	width: auto !important;
}
.width-stretch {
	flex: 1;
}
.height-full {
	height: 100% !important;
}
/****************************
DESKTOP MENU
*****************************/
#vertical-menu {
	position: fixed;
	width: 320px;
	height: 100vh;
	top: 0;
	z-index: 1;
}
#vertical-menu .contact-button {
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
}
@media only screen and (min-width: 1025px) {
	#vertical-menu .hide-desktop {
		display: none;
	}
	#body-content {
		width: 100%;
		margin-left: 320px;
		max-width: calc(100% - 320px);
	}
}
/****************************
MOBILE MENU
*****************************/
.mobile-navbar {
	z-index: 99999;
	width: 100% !important;
}

/****************************
HUB SELECTION
*****************************/
.hub-home > .elementor-container {
	min-height: calc(100vh - 76px) !important;
}
@media only screen and (min-width: 768px) {
	.hub-home > .elementor-container {
		min-height: calc(100vh - 105px) !important;
	}
}
@media only screen and (min-width: 1025px) {
	.hub-home > .elementor-container {
		min-height: calc(100vh - 143px) !important;
	}
}
/****************************
HUB SELECTION
*****************************/
.commercial-downloads.well.c2a3 {
	padding: 0;
	background-color: #fff;
}
.commercial-downloads.well.c2a3 .btn-primary {
	color: #00AFEC;
	background-color: #fff;
	border-radius: 0;
	font-size: 15px;
	letter-spacing: 0;
	text-transform: none;
	border:  2px solid #00AFEC;
    padding: 8px 15px 8px 15px;
}
.commercial-downloads.well.c2a3 .btn-primary:hover {
	color: #fff;
	background-color: #00AFEC;
	box-shadow: none;
}
.download-list .col-lg-12.col-md-6.col-12 {
	flex: auto;
	max-width: 100%;
}
.download-list .wpdm-shortcode-toolbar > .panel-body.card-body {
	display: none;
}
.download-list .panel-footer.card-footer {
	border: 0;
}
.download-list a.card-title {
	color: #00afec;
	margin-bottom: 0;
}
.download-list a.card-title:hover {
	color: #006aa8;
}
/****************************
LOGIN PAGE
*****************************/
.page-login .site-header {
	display: none;
}
.page-login .elementor-inner section .elementor-container {
	height: 100vh;
}
.elementor-login button {
	background-color: transparent !important;
}
.elementor-login button:hover {
	background-color: #00afec !important;
	color: #fff !important;
}
.page-login .eael-lr-form-wrapper .form-logo {
	text-align: center;
}
.page-login .eael-lr-form-wrapper input[type=checkbox] {
	--active-inner: #00afec;
}
.page-login .eael-lr-form-wrapper input[type=checkbox]:not(#eael_accept_tnc):after {
	width: 7px;
    height: 11px;
    left: 7px;
    top: 3px;
}

/****************************
EDIT PROFILE PAGE
*****************************/
.edit-profile .wppb-form-field label {
	width: 100%;
    margin-bottom: 8px;
}
.edit-profile .wppb-form-field input, 
.edit-profile .wppb-form-field input[type="text"], 
.edit-profile .wppb-form-field input[type="number"], 
.edit-profile .wppb-form-field input[type="email"], 
.edit-profile .wppb-form-field input[type="url"], 
.edit-profile .wppb-form-field input[type="password"], 
.edit-profile .wppb-form-field input[type="search"], 
.edit-profile .wppb-form-field select, 
.edit-profile .wppb-form-field textarea, 
.edit-profile .wppb-checkboxes, 
.edit-profile .wppb-radios, 
.edit-profile #wppb-login-wrap .login-username input, 
.edit-profile #wppb-login-wrap .login-password input {
    width: 100%;
}
.edit-profile .wppb-form-field select,
.edit-profile .wppb-form-field textarea {
	border-radius: 0;
	border-color:  #c0d0e7;
}

/****************************
SEARCH
*****************************/
input.elementor-search-form__input {
	background-color: transparent !important;
}
.dialog-lightbox-close-button.dialog-close-button {
	position: absolute;
    top: 130px;
    right: 26px;
}
@media only screen and (min-width: 1025px) {
	.dialog-lightbox-close-button.dialog-close-button {
		top: 60px;
	    right: 46px;
	}
}