/* general website styles */
body {background-color:#fff!important;color:#2d2d2d;font-size:18px;font-family:jaf-bernino-sans-condensed, sans-serif;height: 100vh;}
#page{background-color:#fff;opacity:1!important;}

/* links */
a{color:#1c191c;}
a:link{}
a:visited{}
a:hover{color:#1c191c;}

/* helpers */
.bold {font-weight:bold;}
.pointer{cursor:pointer;}
.hidden{display:none;}

/* backend richeditor hacks */
body.mce-content-body{background:none!important;padding:20px!important;}
body.mce-content-body p{margin:0!important;}

/* labels */
label{font-weight:700;margin-bottom:5px;}

/* paragraphs */
p {margin-bottom:0;line-height:20px;}

/* headers */
h1 {font-weight:800!important;} 

/* focus border color */
textarea:focus, 
textarea.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  border:1px solid #4C91D1!important;
}

/* pagination */
.page-item .page-link {
    color:#7cc5ee !important;
}

.page-item.active .page-link {
    color:#fff !important;
    background-color: #7cc5ee;
    border-color: #7cc5ee;
}

.page-item .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(49, 120, 225, 0.25); 
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

/* gallery */
.container .gallery-wrapper {padding:0 15px;}
.gallery-wrapper img{min-width:100%;}
.gallery-wrapper figure {
	position: relative;
	overflow: hidden;
  -webkit-filter: brightness(70%);
  filter: brightness(70%);
	transition: all 0.3s ease;
	margin:0;
}

.gallery-wrapper figure:hover {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.gallery-wrapper figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.gallery-wrapper figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}



/**** NEW TAMPLETE ****/

.dpa-yellow-button{
  --bs-btn-font-weight: 800;
  --bs-btn-color: #2d2d2d;
  --bs-btn-bg: #fae47b;
  --bs-btn-border-color: #fae47b;
  --bs-btn-border-radius: 0;
  --bs-btn-hover-color: #2d2d2d;
  --bs-btn-hover-bg: #fff0a6;
  --bs-btn-hover-border-color: #fff0a6;
  --bs-btn-focus-shadow-rgb: transparent;
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #fae47b;
  --bs-btn-active-border-color: #fae47b;
  --bs-btn-padding-y: 1rem;	
  letter-spacing: 3px;
  --bs-btn-line-height: 1rem;
  font-family: jaf-bernino-sans-condensed, sans-serif;
  --bs-btn-font-size: 1rem;
}

.dpa-blue-button {
  --bs-btn-font-weight: 800;
  --bs-btn-color: #fff;
  --bs-btn-bg: #7cc5ee;
  --bs-btn-border-color: #7cc5ee;
  --bs-btn-border-radius: 0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #83adcc;
  --bs-btn-hover-border-color: #83adcc;
  --bs-btn-focus-shadow-rgb: transparent;
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #83adcc;
  --bs-btn-active-border-color: #7cc5ee;
  --bs-btn-padding-y: 1rem;
  letter-spacing: 3px;
  --bs-btn-line-height: 1rem;
  font-family: jaf-bernino-sans-condensed, sans-serif;
  --bs-btn-font-size: 1rem;
}

.dpa-white-button {
  --bs-btn-font-weight: 800;
  --bs-btn-color: #2d2d2d;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #b3b5b3;
  --bs-btn-border-radius: 0;
  --bs-btn-hover-color: #2d2d2d;
  --bs-btn-hover-bg: #eee;
  --bs-btn-hover-border-color: #b3b5b3;
  --bs-btn-focus-shadow-rgb: transparent;
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #b3b5b3;
  --bs-btn-padding-y: 1rem;
  letter-spacing: 3px;
  --bs-btn-line-height: 1rem;
  font-family: jaf-bernino-sans-condensed, sans-serif;
  --bs-btn-font-size: 1rem;
}

.dpa-red-button {
  --bs-btn-font-weight: 800;
  --bs-btn-color: #fff;
  --bs-btn-bg: #eb435c;
  --bs-btn-border-color: #eb435c;
  --bs-btn-border-radius: 0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #f188a9;
  --bs-btn-hover-border-color: #f188a9;
  --bs-btn-focus-shadow-rgb: transparent;
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #f188a9;
  --bs-btn-active-border-color: #eb435c;
  --bs-btn-padding-y: 1rem;
  letter-spacing: 3px;
  --bs-btn-line-height: 1rem;
  font-family: jaf-bernino-sans-condensed, sans-serif;
  --bs-btn-font-size: 1rem;
}

.dpa-outline-button {
  --bs-btn-font-weight: 800;
  --bs-btn-color: #fff;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #fff;
  --bs-btn-border-radius: 0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(255,255,255,0.1);
  --bs-btn-hover-border-color: #fff;
  --bs-btn-focus-shadow-rgb: transparent;
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: rgba(255,255,255,0.1);
  --bs-btn-active-border-color: #fff;
  --bs-btn-padding-y: 1rem;
  letter-spacing: 3px;
  --bs-btn-line-height: 1rem;
  font-family: jaf-bernino-sans-condensed, sans-serif;
  --bs-btn-font-size: 1rem;
}


.dpa-outline-black-button {
  --bs-btn-font-weight: 800;
  --bs-btn-color: #2d2d2d;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #2d2d2d;
  --bs-btn-border-radius: 0;
  --bs-btn-hover-color: #2d2d2d;
  --bs-btn-hover-bg: rgba(255,255,255,0.1);
  --bs-btn-hover-border-color: #2d2d2d;
  --bs-btn-focus-shadow-rgb: transparent;
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: rgba(255,255,255,0.1);
  --bs-btn-active-border-color: #2d2d2d;
  --bs-btn-padding-y: 1rem;
  letter-spacing: 3px;
  --bs-btn-line-height: 1rem;
  font-family: jaf-bernino-sans-condensed, sans-serif;
  --bs-btn-font-size: 1rem;
}

.dpa-purple-button{
  --bs-btn-font-weight: 800;
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #412D78;
  --bs-btn-border-color: #412D78;
  --bs-btn-border-radius: 0;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #5a3fab;
  --bs-btn-hover-border-color: #5a3fab;
  --bs-btn-focus-shadow-rgb: transparent;
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #412D78;
  --bs-btn-active-border-color: #412D78;
  --bs-btn-padding-y: 1rem;
  letter-spacing: 3px;
  --bs-btn-line-height: 1rem;
  font-family: jaf-bernino-sans-condensed, sans-serif;
  --bs-btn-font-size: 1rem;
}

.dpa-lilac-button{
  --bs-btn-font-weight: 800;
  --bs-btn-color: #2d2d2d;
  --bs-btn-bg: #AA65A9;
  --bs-btn-border-color: #AA65A9;
  --bs-btn-border-radius: 0;
  --bs-btn-hover-color: #2d2d2d;
  --bs-btn-hover-bg: #c188c0;
  --bs-btn-hover-border-color: #c188c0;
  --bs-btn-focus-shadow-rgb: transparent;
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #AA65A9;
  --bs-btn-active-border-color: #AA65A9;
  --bs-btn-padding-y: 1rem;
  letter-spacing: 3px;
  --bs-btn-line-height: 1rem;
  font-family: jaf-bernino-sans-condensed, sans-serif;
  --bs-btn-font-size: 1rem;
}

.dpa-pink-button{
  --bs-btn-font-weight: 800;
  --bs-btn-color: #2d2d2d;
  --bs-btn-bg: #E396B8;
  --bs-btn-border-color: #E396B8;
  --bs-btn-border-radius: 0;
  --bs-btn-hover-color: #2d2d2d;
  --bs-btn-hover-bg: #f0b5ce;
  --bs-btn-hover-border-color: #f0b5ce;
  --bs-btn-focus-shadow-rgb: transparent;
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #E396B8;
  --bs-btn-active-border-color: #E396B8;
  --bs-btn-padding-y: 1rem;
  letter-spacing: 3px;
  --bs-btn-line-height: 1rem;
  font-family: jaf-bernino-sans-condensed, sans-serif;
  --bs-btn-font-size: 1rem;
}

.dpa-raspberry-button{
  --bs-btn-font-weight: 800;
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #EA445C;
  --bs-btn-border-color: #EA445C;
  --bs-btn-border-radius: 0;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #ef6a7c;
  --bs-btn-hover-border-color: #ef6a7c;
  --bs-btn-focus-shadow-rgb: transparent;
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #EA445C;
  --bs-btn-active-border-color: #EA445C;
  --bs-btn-padding-y: 1rem;
  letter-spacing: 3px;
  --bs-btn-line-height: 1rem;
  font-family: jaf-bernino-sans-condensed, sans-serif;
  --bs-btn-font-size: 1rem;
}


/**** HELPERS ****/

.rounded-12{border-radius:12px;}
.background-row{background-position: top right;background-repeat: no-repeat;}
.member-community-box{background: #e2e3e4;border-radius:1.5rem!important;}
.member-community-box a{color:#2d2d2d!important;}


/**** MOBILE ****/

@media (max-width: 991px) {
	.background-row .layout-row{padding-top:30px!important;}
	.section-main .layout-row{padding-top:30px!important;}
}