/**
 * Theme Name: U-Design Child
 * Theme URI: https://udesigntheme.com/envato-market/
 * Description: This is a child theme of U-Design.
 * Author: Andon
 * Author URI: https://1.envato.market/OdObz
 * Template: u-design
 * Version: 1.0.0
 */

/** 
 * IMPORTANT: By default this file is not loaded since it has no CSS preloaded. Loading it blank
 * will result in a CSS file needlessly being loaded. This will usually not affect the site appearance, 
 * but it's inefficient and extends your page's loading time.
 * 
 * If you decide to use this file make sure to enable it from the theme's 'General Options' section first, 
 * it's the last checkbox called 'Custom Styles'.
 */
                 
/*********** ADD YOUR CUSTOM CSS CODE BELOW THIS LINE: ***********/

/* Branding */
.brand-color-1 {
  color: #efc930;
}

.brand-color-1 a:hover {
  color: #7C1A1E;
}

.brand-color-2 {
  color: #3f6c95;
}

.brand-color-2 a:hover {
  color: #2F506E;
}

.brand-color-3 {
  color: #0c4a7c;
}

.brand-color-3 a:hover {
  color: #052742;
}

/* End Branding */
/* Buttons */
.button-1 {
  color: #ffffff;
  font-size: 1.5rem;
  background: #9f2226;
  padding: 10px 35px !important;
  text-decoration: none;
  border: 3px solid #9f2226;
  border-radius: 5px;
  font-weight: 400;
  text-transform: uppercase;
  -moz-box-shadow: 2px 2px 8px #000000;
  -webkit-box-shadow: 2px 2px 8px #000000;
  box-shadow: 2px 2px 8px #000000;
}

.button-1:hover,
.gform_button:hover {
  color: #9f2226;
  background: #ffffff;
}

.button-2 {
  color: #ffffff;
  font-size: 1.5rem;
  background: #ea812c;
  padding: 10px 35px !important;
  text-decoration: none;
  border: 3px solid #ea812c;
  border-radius: 5px;
  font-weight: 400;
  text-transform: uppercase;
  -moz-box-shadow: 2px 2px 8px #000000;
  -webkit-box-shadow: 2px 2px 8px #000000;
  box-shadow: 2px 2px 8px #000000;
}

.button-2-small {
  color: #ffffff;
  background: #ea812c;
  padding: 5px 35px !important;
  text-decoration: none;
  border: 3px solid #ea812c;
  border-radius: 5px;
  font-weight: 400;
  text-transform: uppercase;
  -moz-box-shadow: 2px 2px 8px #000000;
  -webkit-box-shadow: 2px 2px 8px #000000;
  box-shadow: 2px 2px 8px #000000;
}

.button-2:hover, .button-2-small:hover {
  color: #ea812c;
  background: #ffffff;
}

.button-3 {
  color: #ffffff;
  font-size: 1.5rem;
  background: #0c4a7c;
  padding: 10px 35px !important;
  text-decoration: none;
  border: 3px solid #0c4a7c;
  border-radius: 5px;
  font-weight: 400;
  text-transform: uppercase;
  -moz-box-shadow: 2px 2px 8px #000000;
  -webkit-box-shadow: 2px 2px 8px #000000;
  box-shadow: 2px 2px 8px #000000;
}

.button-3:hover {
  color: #0c4a7c;
  background: #ffffff;
}
/* End Buttons */
/* General */
.text-white {
  color: #ffffff !important;
}

.text-black {
  color: #000000 !important;
}

.text-orange {
  color: #FF6100 !important;
}

.centering-text {
  text-align: center;
}

.shadow {
  text-shadow: 2px 2px 8px #000000;
}

.shadow-box {
  -moz-box-shadow: 2px 2px 8px #000000;
  -webkit-box-shadow: 2px 2px 8px #000000;
  box-shadow: 2px 2px 8px #000000;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.paralax-setting {
  background-attachment: fixed;
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.paralax-setting-bottom {
  background-attachment: fixed;
  background-color: transparent;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.row-height-60 {
  min-height: 60vh;
}

.max-width-1k {
  max-width: 1000px;
  margin: 0 auto !important;
}

.max-width-1_2k {
  max-width: 1200px;
  margin: 0 auto !important;
}

.max-width-1_5k {
  max-width: 1500px;
  margin: 0 auto !important;
}

.width-100 {
  width: 100%;
}

.margin-bottom-1rem {
  margin-bottom: 1rem;
}

.margin-right-1rem {
  margin-right: 1rem;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.font-size-1dot2 {
  font-size: 1.2em;
}
/* End General */
/* Header */
#slogan {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#home-page-content #content-container {
  padding: 0;
    /*margin-top: -20px;
	*/
  ;
}

.single-post #page-content {
	padding-top: 20px;
}

.home-testimonials {
  max-width: 600px;
}

/* End Header */

/* Main Content */
.full-width-w-col {
  width: 108%;
  left: -74px;
  position: relative;
}

.full-width-w-col .vc_column_container > .vc_column-inner {
  padding-left: 85px;
}
/* End Main Content */

/* Footer */
.icon-background1 {
  color: #d1d3d5;
}

.fa-stack-2x {
  font-size: 1.2em !important;
}

.fa-stack-1x {
  font-size: 1.7rem;
  margin-left: 8px;
}

#bottom {
  max-width: 1200px;
  margin: 40px auto 0;
}

.social-icons-flex>div {
  margin-right: 10px;
}

.social-icons-flex {
  display: flex;
}

h3.bottom-col-title, #bottom ul.small-thumb li, #bottom .widget_recent_entries li a, #bottom .widget_categories li a, #bottom .widget_pages li a, #bottom .widget_subpages li a, #bottom .widget_archive li a, #bottom .widget_links li a, #bottom .widget_rss li a, #bottom .widget_meta li a, #bottom .loginform li a, #bottom .widget_nav_menu li a, #sidebarSubnav h3 {
  background: none !important;
}
/* End Footer */
/*********************************************************************************************/
/* Client specifics */

/* Basix WP CSS Fixes */
.entry {
  padding: 0px 0 0px;
  clear: both;
}
/* End Basic WP CSS Fixes */

/* Home Page */
#home-page-content #content-container {
  padding: 0px 0;
}

#main-menu::before {
  display: none;
}

#main-menu {
  font-family: "dinot-bold";
}

#mega-menu-wrap-primary {
  font-family: "dinot-bold";
}

.top-icons {
  display: flex;
  justify-content: space-evenly;
  max-width: 220px;
  font-size: 2rem;
  color: white;
  position: relative;
  left: 160px;
  top: 50px;
}

.u-design-fixed-menu-on.fixed-menu #main-menu {
  background-color: rgb(32, 32, 32);
}

.home-header {
/*  background-image: url(/wp-content/uploads/2020/05/BACKGROUND-01.png);*/
  background-size: cover;
  background-position: center top;
  top: -190px;
  margin-bottom: -190px;
}

.home-header h2 {
  font-size: 2rem;
}

.home-header-row-row {
  margin-top: 190px;
}

.home #top-wrapper {
  background: transparent;
}

.paralax-setting {
  background-attachment: fixed;
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.paralax-setting-bottom {
  background-attachment: fixed;
  background-color: transparent;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.row-height-100 {
  min-height: 100vh;
}

.margin-bump-up-60px {
  margin-top: -60px;
}

.max-width-625px {
  max-width: 625px;
}

.header-info-bump-down-250px {
  padding-top: 250px;
}

.social-icons-bump-left {
  margin-left: -150px !important;
  font-size: 1.25rem !important;
}

.arrow:after {
  content: url(/wp-content/uploads/2020/05/arrow.png);
  padding-left: 15px;
}

.home .mec-search-form {
	display: none;
	visibility: hidden;
}
/* End Home Page */

/* Work Page */
#top-wrapper {
	background-image: url("/wp-content/uploads/2020/05/BACKGROUND-01.png");
}
#page-content #content-container {
	padding: 0px 0 0px; 
}
.no-breadcrumbs-padding {
	padding: 0px 0; 
}
#page-content {
	padding-bottom: 0px;
}
/* End Work Page */

/* News Page */
.skin.flat .layer-content {
	padding: 0px;
	background: black;
	color: white;
}
a, #isotope-options li a:hover, #isotope-options li a.selected, h3.accordion-toggle.active a {
	color: #FFFFFF;
	font-family: "dinot-bold";
	text-transform: uppercase;
}
/* Ends News PAge */
/* Calender Page */
.mec-event-list-standard .mec-event-meta span.mec-event-d, .mec-event-list-standard .mec-event-meta span.mec-event-m {
	color: #f1c40f;
	text-transform: uppercase;
	font-size: 1.25rem;
	border: 2px #f1c40f solid;
	padding: 2px 15px 2px 15px;
}
.mec-event-list-standard .mec-date-details, .mec-event-list-standard .mec-local-time-details, .mec-event-list-standard .mec-time-details, .mec-event-list-standard .mec-venue-details {
	font-size: 1rem;
}
.mec-event-list-standard .mec-event-title {
	text-transform: uppercase;
	font-family: "dinot-bold";
}

p code, .mec-full-calendar-wrap {
	display: none;
	visibility: hidden;
}

code {
	background-color: #111;
}

.mec-month-divider span {
	color: #fff;
}

.mec-events-template-default #page-content, .mec-dark-mode #page-content {
	background-color: #111111 !important;
}
/* Calender CSS */
.tix-bottom-border {
  border-bottom: 2px grey solid;
}
/* End Calender CSS */

/* News Section */
.vc_gitem_row .vc_gitem-col {
  background: black;
}

.vc_gitem-post-data-source-post_title {
  display: none !important;
}

.vc_gitem-post-data-source-post_excerpt {
  color: white !important;
  font-size: 1.75rem;
  font-family: "dinot-regular";
}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
  background: none !important;
  text-transform: uppercase !important;
  color: #efc930 !important;
  font-family: "dinot-bold";
  font-size: 1.5rem;
}

.vc_general.vc_btn3:after {
  content: url(/wp-content/uploads/2020/05/arrow.png);
  padding-left: 15px;
}

.post-grid .layer-wrapper {
	padding: 0 .75rem;
	background-color: #000;
}

.post-grid .layer-media img {
	height: 200px !important;
	width: auto !important;
}

.post-grid .layer-content {
	height: 160px;
}
/* End News Section */

/* Contact Form */
.gform_wrapper textarea.medium {
  background: black;
  color: #efc930;
  font-family: "dinot-bold";
  text-transform: uppercase;
  border: none;
  font-size: 1.5rem !important;
  letter-spacing: 5px !important;
}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
  background: black;
  color: #efc930;
  font-family: "dinot-bold";
  text-transform: uppercase;
  border: none;
  font-size: 1.5rem !important;
  letter-spacing: 5px !important;
}

.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container) {
  font-family: "dinot-bold";
}

.gform_wrapper .gfield_required {
  visibility: hidden;
}

.gform_wrapper .gform_footer input.button {
  background: none !important;
  text-transform: uppercase !important;
  color: #efc930 !important;
  font-family: "dinot-bold";
  box-shadow: none;
  border: none;
  font-size: 1.5rem !important;
}

.gform_wrapper .gform_footer input.button::after {
  content: url(/wp-content/uploads/2020/05/arrow.png);
  padding-left: 15px;
}
#gform_confirmation_message_1 {
	font-size: 1.5rem;
	margin-left: -10px;
	color: #efc930;
	font-family: "dinot-bold";
}

/* End Contact Form */

/* Fonts & Font Sizes */
.font-dinot-bold {
  font-family: "dinot-bold";
}

.font-dinot-regular {
  font-family: "dinot-regular";
}

.font-size-1 {
  font-size: 1rem;
}

.font-size-1dot25 {
  font-size: 1.25rem;
}

.font-size-1dot5 {
  font-size: 1.5rem;
}

.font-size-1dot75 {
  font-size: 1.75rem;
}

.font-size-2 {
  font-size: 2rem;
}

.font-size-2dot5 {
  font-size: 2.5rem;
}

.font-size-3 {
  font-size: 3rem;
}

.font-size-3dot5 {
  font-size: 3.5rem;
}

.font-size-4dot5 {
  font-size: 4.5rem !important;
}

.font-size-10 {
  font-size: 10rem !important;
}
/* End Font Sizes */

/* Footer */
#footer-bg::before {
  display: none;
}

.bottom-col-content {
  text-align: center;
  padding-bottom: 50px;
}

#footer, #footer_text {
  text-align: center;
  font-family: "dinot-bold";
  text-transform: uppercase;
}

.udesign-fa #back-to-top-fixed .fa {
  font-size: 30px;
  color: #000;
  background-color: #efc930;
  min-width: 40px;
  min-height: 40px;
}

.container_24 .grid_20 {
  width: 100%;
}

.bottom-nav {
  font-family: "dinot-bold";
  font-size: 1.5rem;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  padding-left: 150px;
  padding-right: 150px;
}
/* End Footer */

/* Media Query */
@media only screen and (max-width: 1500px) {
  #main-menu {
    left: 50px;
  }
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 0px 0px 0px !important; 
	}
	.font-size-4dot5 {
	font-size: 3.5rem !important;
	}
}

@media only screen and (max-width: 1250px) {
  #main-menu {
    left: 150px;
  }

  .top-icons {
    left: 110px;
    top: 0px;
  }
	.font-size-4dot5 {
	font-size: 3rem !important;
	}
}

@media only screen and (max-width: 1155px) {
  #main-menu {
    top: 40px;
    left: -48px;
  }
}

@media only screen and (max-width: 1024px) {
  .top-icons {
    max-width: 140px;
    left: 155px;
    top: 88px;
  }

  .font-size-4dot5 {
    font-size: 2.5rem !important;
  }

  .social-icon-mobile {
    font-size: 0.75rem !important;
  }
}

@media only screen and (max-width: 1000px) {
  #main-menu {
    left: 10px;
  }
	.top-icons {
    visibility: hidden;
  }
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
	margin-right: 5px;
	margin-top: -80px;
	}
}

@media only screen and (max-width: 414px) {
  #main-menu {
    top: -20px;
    left: 0px;
    z-index: 9999;
  }

  #top-elements {
    display: table;
    margin-bottom: -175px;
  }

  #logo {
    top: -30px;
    left: -20px;
  }

  #logo h1 a, #logo .site-name a {
    width: 240px;
  }

  .top-icons {
    visibility: hidden;
  }

  .font-size-10 {
    font-size: 8rem !important;
  }

  .margin-bump-up-60px {
    margin-top: -40px;
  }

  .follow-me-icons-mobile {
    display: flex;
    position: relative;
    left: 75px;
  }

  .mobile-event-image {
    width: 150%;
    left: -70px;
    position: relative;
  }

  .mobile-event-text {
    position: relative;
    left: -80px;
  }

  .mobile-event-view-all {
    display: flex;
    justify-content: center;
  }

  .mobile-center {
    align-text: center;
  }

  .bottom-nav {
    font-family: "dinot-bold";
    font-size: 1.5rem;
    text-transform: uppercase;
    display: grid;
    justify-content: center;
    padding-left: 0px;
    padding-right: 0px;
  }
	.col-md-4.col-sm-4.mec-btn-wrapper {
	margin-top: 20px;
	}
	.font-size-1dot75 {
	font-size: 1rem;
	}
	.mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul {
	padding-left: 0;
	margin: 15px -30px;
	}
	#countdown {
	margin-left: -50px;
	}
	.mec-event-social-icon {
	margin-left: 0px;
	}
	
}
@media only screen and (max-width: 414px) {
.wpb_image_grid .wpb_image_grid_ul {
     margin: 0 auto;
     width: 150px;
}
}

@media only screen and (max-width: 375px) {
  .mobile-event-image {
    width: 138%;
    left: -57px;
    position: relative;
  }

  .mobile-event-text {
    position: relative;
    left: -68px;
  }
}
