/* 
Theme Name: Event POC
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: ArchIntel Developers
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ===================================================================== */
/* ===================================================================== */
/*  Wash100 Table of Contents                                            */
/* ===================================================================== */
/* ===================================================================== */
/*  $0 - Root - CSS Variables                                            */
/*  $1 - HTML & Style Elements                                           */
/*       $1.1 - Styles - Typography                                      */
/*       $1.2 - HTML Elements - Headings                                 */
/*       $1.3 - HTML Elements - Links                                    */
/*       $1.4 - HTML Elements - Images                                   */
/*       $1.5 - HTML Elements - Inputs and Selectors                     */
/*       $1.6 - HTML Elements - Buttons                                  */
/*       $1.7 - Styles - Text Colors                                     */
/*       $1.8 - Styles - Background Colors                               */
/*       $1.9 - Styles - Space                                           */
/*       $1.10 - Styles - Border Radius                                  */
/*       $1.11 - Styles - Border Size                                    */
/*       $1.12 - Styles - Elevation/Shadows                              */
/*       $1.13 - Styles - Flex Properties                                */
/*       $1.14 - Styles - Others                                         */
/*  $2 - Section  Elements                                               */
/*       $2.1 - Section                                                  */
/*       $2.2 - Section - Hero                                           */
/*  $3 - Page Layout                                                     */
/*       $3.1 - Page Layout - Header                                     */
/*       $3.2 - Page Layout - Menu                                       */
/*       $3.3 - Page Layout - Content                                    */
/*       $3.4 - Page Layout - Footer                                     */
/*  $4 - Patterns                                                        */
/*       $4.1  - Pattern - Loop Post - Card Post                         */
/*       $4.2  - Pattern - Loop Post - Profile                           */
/*       $4.3  - Pattern - Loop Post - Awardee                           */
/*       $4.4 - Pattern - Loop Post - Single Item Carousel               */
/*       $4.5 - Pattern - Profile                                        */
/*       $4.6 - Pattern - Tabs                                           */
/*       $4.7 - Pattern - Popover                                        */
/*       $4.8 - Pattern - Vote                                           */
/*       $4.9 - Pattern - Search                                         */
/*       $4.10 - Pattern - Inline Loader                                 */
/*       $4.11 - Pattern - Contact Form 7                                */
/*       $4.12 - Pattern - Single Post                                   */
/*       $4.13 - Pattern - Archives                                      */
/* ===================================================================== */
/* ===================================================================== */

/* ===================================================================== */
/*  $0 - Root - CSS Variables                                            */
/* ===================================================================== */
:root {
	--color-danger: #e03927;
	--color-success: #198754;
}

/* ===================================================================== */
/*  $1 - HTML & Style Elements                                           */
/* ===================================================================== */

/* $1.1 - HTML Elements -Styles - Typography */

/* $1.2 - HTML Elements - Headings */
.elementor-widget-heading a {
	font-weight: 700;
}

.elementor-widget-heading.has-line .elementor-heading-title:after,
.elementor-author-box__name:after {
	content: '';
	display: block;
	width: 90px;
	height: 3px;
	background: #e03927;
	margin: 10px auto 0;
}

/* Badge Title */
.head-title {
	margin-bottom: 30px
}
.head-title .elementor-widget-container {
    display: flex;
}
.head-title .elementor-widget-container:before {
	content:'';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	top: 18px;
	background: #555;
}

.head-title .elementor-widget-container .elementor-heading-title {
	background: #134a69;
	margin: 0 auto;
	color: #fff;
	padding: 10px 15px;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	position: unset;
	z-index: 9;
	letter-spacing: 0;
	text-align: center;
	line-height: 1;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1;
	-webkit-transform: skewX(-15deg);
	-moz-transform: skewX(-15deg);
	-ms-transform: skewX(-15deg);
	-o-transform: skewX(-15deg);
	transform: skewX(-15deg);
}

/* $1.4 - HTML Elements - Images */

/* $1.5 - HTML Elements - Inputs and Selectors */
.mt-10 {
	margin-top: 10px;
}

/* $1.6 - HTML Elements - Buttons */
.btn {
	padding: 10px 25px;
	border-radius: 5px
}
.btn-primary {
    color: #fff !important;
    background-color: #134a69;
    border: 1px solid #134a69;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.radio-btn-group {
	display: flex;
	flex-direction: column;
	gap: 10px
}
.radio-btn > label {
	border: 1px solid #ddd;
	display: block;
	margin: 0;
	max-width: 400px;
	padding: 15px 20px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 14px !important;
	background: #f0f0f0;
}

/* $1.7 - Styles - Text Colors */
.text-success {
	color: var(--color-success) !important;
}
.text-danger {
	color: var(--color-danger) !important;
}


/* $1.9 - HTML Elements - Space */
.mb-0 {
	margin-bottom: 0 !important;
}

/* ===================================================================== */
/*  $3 - Page Layout                                                     */
/* ===================================================================== */

/* $3.1 - Page Layout - Header */
#site-header {
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 10;
}
#site-header .header-inner {
	flex-wrap: nowrap;
	max-width: 1240px;
}
#site-header .site-navigation {
	width: 100%;
	margin-left: 20px;
}
#site-header .site-navigation ul {
	width: 100%;
	flex-wrap: nowrap;
}
#site-header .site-navigation > ul > li {
	width: 100%;
	border-right: 1px solid #333;
	padding: 0;
	align-items: center;
}
#site-header .site-navigation ul li:hover {
	background: #134a69;
	color: #fff
}
#site-header .site-navigation > ul > li:last-child {
	border-right: 0;
}
#site-header .site-navigation ul li  a {
	font-size: 1.125rem;
	text-align: center;
	width: 100%;
}
#site-header .site-navigation > ul > li:hover > a,
#site-header .site-navigation ul li a:hover {
	color: #fff
}
#site-header ul.menu li.menu-item-has-children:after {
	height: 0;
	content:'';
	border: 0.313em solid transparent;
	border-bottom: none;
	border-top-color: #cddee6;
	margin-left: -30px;
}

@media screen and (max-width: 1200px) {
	#site-header .header-inner {
		padding-left: 2em;
		padding-right: 2em;
	}
}

@media screen and (max-width: 767px) {
	#site-header .header-inner {
		padding-left: 5%;
		padding-right:5%;
	}
}

/* $3.3 - Page Layout - Content */
.container-fluid {
	padding-left: 5em;
	padding-right: 5em;
}
.container {
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 767px) {
	.container-fluid {
		padding-left: 5%;
		padding-right: 5%;
	}
}

.form-row,
.row {
	display: flex;
	flex-wrap: wrap;
}
.form-row {
	gap: 30px;
}
.row {
	gap: 20px;
}
.col-6 {
	width: calc(50% - 10px);
}
.col-md-6,
.col-md-12 {
	width: 100%;
}
.payment-page h5,
.bill-fields legend{
	margin: 0 0 15px;
	font-weight: 600;
	font-size: 18px;
}
.payment-page,
.services-section {
	padding-top: 50px;
	padding-bottom: 50px;
}
.payment-page .card,
.services-section .container {
	max-width: 970px;
	margin-left: auto;
	margin-right: auto;
}
.payment-page .card {
	box-shadow: 0 0 1.25rem .1875rem rgba(0, 0, 0, 0.05);
	background: #fff;
	border-radius: 10px;
	border: 1px solid #ddd;
}
.card .card-header {
	 border-radius: 10px 10px 0 0;
	 font-size: 20px;
	 font-weight: 600;
	 border-bottom: 1px solid #ddd;
	 padding-bottom: 10px;
	 color: var( --e-global-color-primary );
	 padding: 15px 40px;
	 background: #f0f0f0;
}
.payment-page .payment-email,
.payment-info {
	padding: 40px;
}
.billing-address {
	max-width: 100%;
}
.card-information {
	width: 100%;
}

label {
	margin-bottom: 9px;
	font-size: 14px;
}
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
	border: 0;
	background: #f0f0f0;
	border-radius: 5px;
	font-size: 14px;
	min-height: 46px
}
.bill-fields {
	margin-top: 25px
}
.card-footer {
	padding-top: 30px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
	.col-md-6 {
		width: calc(50% - 10px);
	}
}
@media screen and (min-width: 968px) {
	.form .form-row {
		gap: 50px
	}
	.billing-address {
		max-width: calc(100% - 300px - 50px);
	}
	.card-information {
		max-width: 300px;
	}
}

/* $3.4 - Page Layout - Footer */
footer.elementor-location-footer a {
	color: #fff
}

/* ===================================================================== */
/*  $4 - Patterns                                                        */
/* ===================================================================== */

/* $4.1 - Pattern - Hero Carousel  */
.home-hero > .e-con-inner {
    background: #000;
}
.carousel-slick {
	position: relative;
}
.carousel-slick .carousel-inner {
	display: flex;
	gap: 20px;
	flex-wrap: wrap
}
.carousel-slick .carousel-image-container {
	height: 100%;
	display: flex;
	width: 100%;
}
.carousel-slick .carousel-image-container img {
	object-fit:cover;
	height: 100%;
	width: 100%;
}
.carousel-slick .carousel-desc-container {
	padding: 1rem 2rem 3rem 2rem;
	color: #fff;
	width: 100%;
}
.carousel-slick .carousel-desc-container .carousel-text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.carousel-slick .slick-arrow {
	position: absolute;
	z-index: 1;
	top: calc(50% - 30px);
	border: 0;
	background: rgb(255 255 255 / 50%);
	display: flex;
	padding: 10px;
}
.carousel-slick .slick-arrow svg {
	width: 15px;
	fill: #fff;
}
.carousel-slick .slick-prev {
	left: 0;
	border-radius: 0 3px 3px 0;
}
.carousel-slick .slick-next {
	right: 0;
	border-radius: 3px 0 0 3px;
}
.carousel-slick .carousel-actions {
	margin-top: 20px;
	gap: 15px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}
.carousel-slick .carousel-actions > .btn {
	width: 100%;
	text-align: center
}
@media screen and (min-width: 540px) {
	.carousel-slick .carousel-actions {
		flex-wrap: nowrap;
	}
	.carousel-slick .carousel-actions > .btn {
		width: 50%;
	}
}

@media screen and (min-width: 992px) {
	.carousel-slick .carousel-inner {
		flex-wrap: nowrap;
		gap: 40px
	}
	.carousel-slick .carousel-image-container,
	.carousel-slick .carousel-desc-container {
		width: 50%;
	}
	.carousel-slick .carousel-desc-container {
		padding: 2rem 3rem 2rem 0rem
	}
}

/* $4.2 - Pattern - Upcoming Event */
.event-items .elementor-loop-container {
	gap: 20px
}
.event-items .event-item {
    position: relative;
    min-height: 4.0625rem;
    padding: 0;
    background-color: #f5f5f5;
    display: flex;
    margin: 0;
}
.event-items .event-item .elementor-widget-post-info {
    font-weight: 700;
    background: #134a69;
    max-width: 70px !important;
	width: 100%;
    text-align: center;
    padding: 7px;
    height: 100%;
}
.event-items .event-item .elementor-post-info .elementor-post-info__item--type-date {
    color: #fff !important;
    font-weight: 700;
    display: block;
	font-size:1.25rem
}
.event-items .event-item .elementor-page-title {
	padding-right: 10px
}
.event-items .event-item .elementor-heading-title {
	font-size: 18px;
	color: #333
}

/* $4.2 - Pattern - Shortcuts Widget */
.shortcut-items {
	display: flex;
	flex-wrap: wrap;
	gap: 20px
}
.shortcut-item {
	transition: transform .3s linear;
	transform-origin: center;
	transform-style: preserve-3D;
	width: calc(50% - 10px);
	display: flex;
	justify-content:center;
	align-items: center;
}
.shortcut-item:hover {
	transform: scale(0.9);
}
.shortcut-item h5 {
	display: none;
	color: white;
	text-transform: uppercase;
	max-width: 100px;
	text-align: center;
	font-weight: 400;
	font-family: "Roboto";
}
.shortcut-item svg {
	width: 4rem;
	fill: currentColor;
}
.shortcut-item:hover svg {
	display: none;
	transition: 1s;
}
.shortcut-item:hover h5 {
	display: block;
	transition: .3s;
}

/* $4.3 - Pattern - Gallery */
.gallery-1 .gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
.gallery-1 .gallery .gallery-item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.gallery-1 .gallery img {
    max-height: 35px;
    max-width: 150px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .6s;
    object-fit: contain;
}
.gallery-1 .gallery img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

/* $4.4 - Pattern - Contact Fom 7 */
.wpcf7-form-control-wrap {
	display: block;
	margin-top: 15px;
}
.wpcf7-form-control-wrap:first-child {
	margin-top: 0
}
.evcf7-verify-btn {
	margin-bottom: 0;
}
.wpcf7-form-control-wrap + br  {
	display: none
}

/* $4.5 - Pattern - List Group */
.list-group {
    list-style: none;
    padding: 0;
    gap: 13px;
    display: flex;
    flex-wrap: wrap;
}
.list-group li {
    width: 100%
}
.event-container {
    display: flex;
    width: 100%;
}
.event-date {
    background: #134a69;
    display: flex;
    align-items: center;
    font-size: 18px;
    padding: 5px;
    color: #fff;
    justify-content: center;
    max-width: 60px;
    width: 100%;
    text-align: center;
}
.event-content {
    position: relative;
    min-height: 4.0625rem;
    background-color: #f5f5f5;
    display: flex;
    align-items: stretch;
    width: 100%
} 
.event-content h4 {
    font-size: 1rem;
    margin: 0;
    display: block;
    width: 100%;
}
.event-content h4 a {
    font-weight: 700;
    padding: .5rem 1.25rem;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}

/* $4.5 - Pattern - Post Items */
.post-items {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.post-item,
.post-item a {
	display: flex;
	gap: 20px;
}
.post-item {
	border-top: 1px solid #ddd
}
.post-item:hover {
	opacity: .8;
}
.post-item .post-image  {
	border: 4px solid #ddd;
	min-width: 80px;
	max-height: 80px;
	display: flex;
}
.post-item .post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.post-item .post-desc {
	padding-top: 20px;
	display: flex;
	flex-direction:column;
	gap: 10px
}
.post-item .heading-title {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 700;
}
.post-item .carousel-text {
	display: none;
}
input.other-email {
	max-width: 400px !important;
	margin-top: 15px !important;
}

@media screen and (min-width:1025px) {
	.post-item,
	.post-item a {
		gap: 30px
	}
	.post-item .post-image  {
		min-width: 200px;
		max-height: 200px;
	}
	.post-item .heading-title {
		font-size: 1.5rem;
	}
	.post-item .carousel-text {
		display: flex;
		display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	}
}

/* $4.6 - Pattern - Inline Loader */
.loader {
	width: 50px;
	min-width: 50px;
	height: 50px;
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	border-radius: 50%;
	border-top: 4px solid rgba(0, 0, 0, 1);
	border-right: 4px solid rgba(0, 0, 0, 1);
	border-bottom: 4px solid rgba(0, 0, 0, 1);
	border-left: 4px solid rgba(0, 0, 0, 0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: circle-loader-spin 1s infinite linear;
	animation: circle-loader-spin 1s infinite linear;
}
.loader.loader-sm {
	width: 25px;
	min-width: 25px;
	height: 25px;
	min-height: 25px;
	border-top: 3px solid rgba(0, 0, 0, .5);
	border-right: 3px solid rgba(0, 0, 0, .5);
	border-bottom: 3px solid rgba(0, 0, 0, .5);
	border-left: 3px solid rgba(0, 0, 0, 0);
}

@keyframes circle-loader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}