/*
Theme Name: Hermes Child
Theme URI: http://demo.lion-themes.com/hermes/
Author: Lion-Themes
Author URI: http://lion-themes.com/
Description: Hermes is a new WordPress theme for Online Shopping. With this theme, we have presets and different layouts. With drag and drop home page layout manager, we can build many variations of home page layout. We also have ajax cart, wishlist, compare, zoom and fancybox to bring into a modern look of website. Some of amazing features like Revolution Slider, Mega Menu, Visual Composer, Product Tabs & Carousel, Contact Form with Google map will makes your website more attractive.
Template: hermes
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: hermes
*/

html, body {
    overflow-x: hidden;
}


/* ------ FONTS ------ */

.white, .white * {
	color: #fff;
}

.black, .black * {
	color: #ccc ;
}

.darkgray, .darkgray * {
	color: #231f20;
}

.gray, .gray * {
	color: #9a9a9a;
}

.blue, .blue * {
	color: #3fc3d5 !important;
}


html, body, .tp-caption {
	font-family: 'Barlow Condensed', sans-serif !important;
}

.orange {
	color: #ec5743 !important;
}

.sobeys {
	color: #3fc3d5;
}

h1, h1.entry-title {
    font-size: 48px !important;
	line-height: 58px;
	letter-spacing: 2px;
}

h1.entry-title:after {
    width: 50px !important;
}

h2 {
	font-size: 36px;
	line-height: 46px;
	letter-spacing: 2px;
}

h3 {
	font-size: 32px;
	line-height: 32px;
	letter-spacing: 2px;
	font-weight: 400;
}

h4 {
	font-size: 22px;
	line-height: 22px;
	letter-spacing: 2px;
	font-weight: 100;
}

h6 {
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 2px;
	font-weight: 400;
}

p, li {
	font-size: 14px;
    line-height: 16px;
	letter-spacing: 1px;
}

.white a {
	color: #3fc3d5 !important;
}

.white a:hover {
	color: #fff !important;
}

.section-element .blog-posts .post-wrapper .post-info .post-title {
    font-size: 15px;
    text-transform: uppercase;
	line-height: 17px;
}

.vc_toggle_title h4 {
    color: #3fc3d5 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
}

.vc_toggle_default .vc_toggle_icon::after, .vc_toggle_default .vc_toggle_icon::before {
    background: #3fc3d5 !important;
	border: none;
}

.vc_toggle_default .vc_toggle_icon {
    background: #3fc3d5 !important;
    border: none;
}



/* ------ GLOBAL ELEMENTS ------ */


.custom-banner {
    display: none;
    background-color: #3cbbc1;
    text-align: center;
    padding: 25px 15px;
}

.custom-banner h2 {
    margin-bottom: 0px;
}

.woocommerce div.product {
    margin-bottom: 0;
    position: relative;
    padding-top: 100px;
}

.widget_shopping_cart .widgettitle {
	display: none;
}

ol li {
	margin-bottom: 15px;
}

.breadcrumbs, .woocommerce-breadcrumb {
	display: none !important;
}

.project-gallery {
	display: none;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #3fc3d5;
}

.project-meta {
	margin-bottom: 50px;
}

.blog #main-content {
	margin-top: 50px;
}

.single-post .breadcrumbs {
	display: block !important;
}

.section-element {
    margin-bottom: 0px;
}

.list-no-margin {
	margin-bottom: 0px !important;
}

.abf-sep {
	width: 50px !important;
	margin: 25px 0 15px !important;
}

.vc_sep_pos_align_center.abf-sep {
	margin: 25px auto 25px !important;
}

.vc_sep_pos_align_center.abf-sep.above-button {
	margin: 25px auto 10px !important;
}

span.abf-button , .abf-button a, .abf-button button {
    font-size: 16px !important;
    padding: 10px 25px !important;
    background-color: #f5b32c !important;
    color: #fff !important;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 20px;
	text-transform: uppercase;
    border-radius: 0px !important;
}

span.abf-button.center {
    margin: 0 auto;
    display: block;
    width: 150px;
}

span.abf-button i {
	display: none;
}

.vc_gitem-col .vc_btn3-container a, .vc_grid-btn-load_more a {
    font-size: 16px !important;
    padding: 10px 25px !important;
    background-color: #f5b32c !important;
    color: #fff !important;
    letter-spacing: 1px;
    font-weight: 600;
	text-transform: uppercase;
    border-radius: 0px !important;
}

.abf-button a:hover {
    opacity: 0.8;
}

.abf-button.disabled a, .abf-button.disabled button,
.abf-btn-new.disabled a, .abf-btn-new.disabled button   {
    background-color: #9a9a9a !important;
    color: #231f20 !important;
	cursor: text;
	pointer-events: none !important;
}

.abf-button.disabled a,
.abf-btn-new.disabled a
{
    opacity: 1;
}

.wpcf7 input[type="submit"] {
	width: 100px;
	text-transform: uppercase;
    font-size: 16px !important;
    padding: 10px 25px !important;
    background-color: #ec5743 !important;
    color: #fff !important;
    letter-spacing: 1px;
    font-weight: 200;
	box-shadow: none;
    border: none;
}

/* ------ REGISTRATION PAGES ------ */

.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab {
    display: block;
    border: 1px solid #000;
    padding: 10px 5px !important;
    margin-right: 20px !important;
}

/* ------ BLOG ------ */

.home-posts .blog-posts .post-wrapper .post-info .post-title a {
    color: #fff !important;
}

.home-posts .blog-posts .post-wrapper .post-info .post-excerpt p {
	color: #9a9a9a !important;
}

.home-posts .blog-posts .post-wrapper .post-info .post-date, .home-posts .blog-posts .post-wrapper .post-info .post-date i {
	color: #9a9a9a !important;
	text-transform: uppercase !important;
}

.home-posts .blog-posts .post-wrapper .post-info .post-comments a {
	color: #9a9a9a !important;
	text-transform: uppercase !important;
}

.vc_grid-filter>.vc_grid-filter-item>span {
    padding: 5px 10px !important;
    color: #fff;
}


/* ------ FESTIVALS ------ */

#content #projects_list .item-col, #content #projects_list .item-related, 
#content .related_projects .item-col, #content .related_projects .item-related {
    padding: 15px;
}

#content .filter-options button {
    text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}

#content .filter-options.dark button:not(.active) {
   color: #fff;
}

.single-project .project .cover-image {
    margin-bottom: 20px;
}

.single-project .main-container .abf-button {
    text-align: center;
}

.single-project .main-container .abf-button a {
    margin-top: 0px;
}

.single-project .main-container p {
	font-size: 18px;
    line-height: 24px;
	letter-spacing: 1px;
}

.single-project .main-container li {
	font-size: 16px;
    line-height: 18px;
	letter-spacing: 1px;
}

.single-project .project .project-meta > div {
    border-bottom: 1px solid #3fc3d5;
}

.festival-table table {
    border-color: #333;
    text-align: center;
}

.festival-table thead tr {
    border-color: #333;
    background: #3fc3d5;
}

.festival-table thead td {
    border-color: #333;
}

.festival-table tr {
    border-color: #333; 
}

.festival-table td {
    border-color: #333; 
}

.festival-table thead p {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-weight: bold;
}

.festival-table tbody p {
    margin-bottom: 0px;
    font-weight: 500;
	text-transform: uppercase;
}

.festival-table tbody strong p {
    margin-bottom: 0px;
    font-weight: 800;
}

/* ------ BLOG ------ */

.blog article[id*="post-"] .post-wrapper .post-thumbnail, .archive article[id*="post-"] .post-wrapper .post-thumbnail {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px;
}

.blog article, .archive article {
	max-height: 400px;
    min-height: 400px;
    height: 400px;
}

.blog article h3, .archive article h3 {
	line-height: 16px !important;
}

.vc_gitem-post-data h4 {
    min-height: 48px;
	max-height: 48px;
	overflow: hidden;
}

.vc_gitem-post-data p {
    max-height: 32px;
	overflow: hidden;
}

.vc_gitem-zone {
    max-height: 250px;
}


/* ------ HEADER ------ */

.col-logo {
	padding: 0px;
}


.nav-menus {
    margin-left: 5%;
}
.nav-menus .primary-menu-container ul.nav-menu li a {
    padding: 0 10px;
    text-transform: uppercase;
}

.acc-btn {
	text-transform: uppercase;
}

.nav-menus .primary-menu-container ul.nav-menu li .sub-menu {
    width: 205px;
}

.nav-menus .primary-menu-container ul.nav-menu li .sub-menu li a {
    line-height: 18px;
    padding: 0 20px 10px;
}

.topcart {
    margin-left: 20px;
}


/* ------ FOOTER ------ */

.footer .footer-top {
    padding: 80px 0 30px;
}

.footer-logo {
	max-width: 160px !important;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.footer .footer-top h3.widget-title, .footer .footer-top .newletter-title {
    font-size: 32px;
	line-height: 32px;
    color: #fff;
	font-weight: 700;
}

.footer .footer-top ul.menu li {
    padding-bottom: 15px;
}

.footer .footer-top ul.menu li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 200;
}


.footer-info-wrapper {
    max-width: 100%;
    width: fit-content;
    margin: 0 auto;
}

.social-title {
	text-align: center;
	font-size: 24px;
    line-height: 24px;
}

.social-footer {
	text-align: center;
}


#mc4wp-form-1 input {
	margin-bottom: 10px;
}


/*-- NEW HOME PAGE --*/


/*-- New Button Style -- */

.footer .footer-end .newletter-form-wrapper input[type="submit"] {
    padding: 12px 48px;
    font-size: 16px;
    line-height: 1;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 3px;
}

.abf-btn-new {
    margin-top: 1vw;
}

.abf-btn-new .vc_general, .abf-popup-content input[type="submit"], .wpcf7 input[type="submit"]   {
    position: relative;
	width: fit-content;
    color: #fff !important;
    background-color: #f5b32c !important;
    padding: 12px 48px;
    border-radius: 3px;
    display: block;
    font-size: max(1.2vw, 14px);
    line-height: 1;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.wpcf7 input[type="submit"]:hover {
   transform: scale(1.02);
}

.abf-popup-content input[type="submit"] {
    margin: 20px auto 0;
}

.abf-btn-new:hover {
    color: #fff;
    transform: scale(1.02);
}

.abf-btn-new.vc_btn3-center a {
    margin: 0 auto;
}


/* -- SHIMMER BUTTON -- */

.abf-btn-new i, a.vc_general i {
/*   positioning */
position: absolute;
opacity: 0;
top: 0;
left: 0;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.03) 1%, rgba(255,255,255,0.6) 30%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0.85) 70%, rgba(255,255,255,0.85) 71%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0.03)), color-stop(30%,rgba(255,255,255,0.85)), color-stop(50%,rgba(255,255,255,0.85)), color-stop(70%,rgba(255,255,255,0.85)), color-stop(71%,rgba(255,255,255,0.85)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
width: 20%;
height: 100%;
animation: move 2s;
animation-iteration-count: infinite;
animation-delay: 1s;
-webkit-animation: move 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-delay: 1s;
-moz-animation: move 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-delay: 1s;
-ms-animation: move 2s;
-ms-animation-iteration-count: infinite;
-ms-animation-delay: 1s;
-o-animation: move 2s;
-o-animation-iteration-count: infinite;
-o-animation-delay: 1s;
}

/*  */
@keyframes move {
0%  { left: 0; opacity: 0; }
5% {opacity: 0.0}
48% {opacity: 0.2}
80% {opacity: 0.0}
100% { left: 82%}
}

@-webkit-keyframes move {
0%  { left: 0; opacity: 0; }
5% {opacity: 0.0}
48% {opacity: 0.2}
80% {opacity: 0.0}
100% { left: 82%}
}

@-moz-keyframes move {
0%  { left: 0; opacity: 0; }
5% {opacity: 0.0}
48% {opacity: 0.2}
80% {opacity: 0.0}
100% { left: 88%}
}

@-ms-keyframes move {
0%  { left: 0; opacity: 0; }
5% {opacity: 0.0}
48% {opacity: 0.2}
80% {opacity: 0.0}
100% { left: 82%}
}

@-o-keyframes move {
0%  { left: 0; opacity: 0; }
5% {opacity: 0.0}
48% {opacity: 0.2}
80% {opacity: 0.0}
100% { left: 82%}
}


/*-- Scrolling Banner --*/

#banner-wrapper {
    width: 100%;
    min-width: 1625px !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

#banner-wrapper .row {
    width: 100%;
    min-width: 1625px !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

.ticket-banner-wrapper {
    width: 100%;
    min-width: 1625px !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    height: 50px;
    position:relative; 
}

.ticketbanner {
 position:absolute; 
  top:0px; 
  left:0px; 
  white-space: nowrap;
  animation: bannermove 10s linear infinite;
  width: 1625px !important;
}

.ticketbanner img {
	margin: 0px -5px 0 0;
	padding: 0px;
	height: 50px;
    width: 1625px !important;
}

/*keyframe animations*/


@keyframes "bannermove" {
 0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(-100%, 0);
  }
}

@-moz-keyframes bannermove {
 0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(-100%, 0);
  }
}

@-webkit-keyframes "bannermove" {
 0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(-100%, 0);
  }
}

@-ms-keyframes "bannermove" {
 0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(-100%, 0);
  }

}

@-o-keyframes "bannermove" {
 0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(-100%, 0);
  }

}





@media (max-width: 1024px) {

.row {
    margin-right: -15px;
    margin-left: -15px;
    padding: 0 10px;
}
	
.header .container {
    width: 100%;
}
	
}


@media (min-width: 768px) and (max-width: 992px) {

.home .vc_custom_1532102873563 .vc_custom_heading {
	font-size: 30px!important;
	line-height: 30px;
}

.footer .col-md-3:nth-child(3) .footer-info-wrapper {
    max-width: 100%;
    width: 100%;
    margin: 0px;
}

.footer .footer-end .newletter-form-wrapper .wysija-submit, .footer .footer-end .newletter-form-wrapper input[type="submit"] {
    margin-left: 0px;
}
	
}

@media (max-width: 992px) {

.owl-theme .owl-nav > div {
    top: 0px;
}

.shop-products .owl-theme .owl-nav > div {
	top: 100px;
}

}


@media (max-width: 767px) {
	
.custom-banner h2 {
    font-size: 20px;
	line-height: 26px;
}
	
.footer-info-wrapper {
    max-width: 100%;
    width: 100%;
    margin: 0px;
}
	
h1, h1.entry-title {
    font-size: 38px !important;
	line-height: 38px;
}

h2 {
	font-size: 32px;
	line-height: 32px;
}

h3 {
	font-size: 28px;
	line-height: 28px;
}
	
.home-image-link {
    width: calc(50% - 5px);
	margin: 0px 1.5px;
	display: inline-block;
}

.owl-theme .owl-nav > div {
    top: -45px;
}

.shop-products .owl-theme .owl-nav > div {
	top: 100px;
}

.banner1 {
	-webkit-animation: bannermove 70s linear infinite;
	   -moz-animation: bannermove 70s linear infinite;
	    -ms-animation: bannermove 70s linear infinite;
	     -o-animation: bannermove 70s linear infinite;
	        animation: bannermove 70s linear infinite;
}
	
}

@media (max-width: 479px) {
	
.home-image-link {
    width: 100%;
	margin: 0px;
	display: block;
}
	
.owl-theme .owl-nav > div {
    top: -45px;
}

.shop-products .owl-theme .owl-nav > div {
	top: 70px;
}
	
.footer .footer-end .newletter-title {
    margin-right: 0px;
}
	
.footer .footer-end .newletter-form-wrapper .mc4wp-form-fields input[type="email"] {
    min-width: 280px;
}

}


@media (max-width: 380px) {
	
.header .container {
	padding-right: 0px; 
    padding-left: 55px; 
}

.nav-mobile .toggle-menu {
    padding: 39px 20px;
}

}