/*
Theme Name: Wordigins
Theme URI: http://themeforest.net/user/minti
Description: Unicon Child Theme for your Customizations.
Author: minti
Author URI: http://mintithemes.com
Template: unicon
Version: 1.1
*/


@import url("../unicon/style.css");


/* FontAwesome */

@font-face {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/5.13.0/fonts/fontawesome-webfont.eot?v=5.13.0");
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/5.13.0/fonts/fontawesome-webfont.eot?#iefix&v=5.13.0") format("embedded-opentype"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/5.13.0/fonts/fontawesome-webfont.woff2?v=5.13.0") format("woff2"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/5.13.0/fonts/fontawesome-webfont.woff?v=5.13.0") format("woff"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/5.13.0/fonts/fontawesome-webfont.ttf?v=5.13.0") format("truetype"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/5.13.0/fonts/fontawesome-webfont.svg?v=5.13.0#fontawesomeregular") format("svg");
}

/*
COLORS

Dark orange #A86B18
Orange #FAAD43
Brown #271F0F

*/

	 /* body{ border:10px solid yellow;}  */

/*
########################################
######################################## GLOBAL STYLES
########################################
*/

/* body {border:2px solid red;} */


body div#logo img {
  width: 140px;
}

body .vc_section.vc_section-has-fill,
body .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
body .vc_section.vc_section-has-fill+.vc_section {
  padding-top: 0px;
}

body .wpb_row .wpb_row .wpb_content_element {
  margin-bottom: 0px;
}

body input[type=submit]:hover,
body button:hover,
body .button:hover,
body a.button:hover,
body a.button.color-1:hover,
body a.button.color-2:hover,
body a.button.color-3:hover,
body a.button.color-4:hover,
body a.button.color-5:hover,
body #reviews .add_review .button:hover,
body .pp_woocommerce .pp_content #submit,
body a.button.color-2.accent-2:hover,
body a.button.color-3.accent-2:hover {
  background: #faad43;
  border-color: #faad43;
}




/*
########################################
######################################## NAV & TOPBAR STYLES
########################################
*/

.header-v1 #navigation>ul>li>a {
  padding-top: 10px;
}

.demo-button-wrapper a {
  padding-top: 0px !important;
}

.demo-button {
  background: #faad43
}

.demo-button:hover {
  background: #ffffff00;
  border-color: #faad43;
}

.page-id-569 .demo-button {
  background: #ffffff00;
}

.page-id-569 .demo-button:hover {
  background: #ffffff00;
  border-color: #faad43;
}



/*
########################################
######################################## HERO SECTION STYLES
########################################
*/
body p#slider-1-slide-1-layer-22 {
  text-align: justify !important;
}


/*
########################################
######################################## COUNTER SECTION STYLES
########################################
*/



/*
########################################
######################################## EVENTS SECTION STYLES
########################################
*/



/*
########################################
######################################## TESTIMONIALS SECTION STYLES
########################################
*/



/*
########################################
######################################## INSTAGRAM SECTION STYLES
########################################
*/


/*
########################################
######################################## FOOTER STYLES
########################################
*/

body .social-icon-footer {
  height: 30px;
  width: 30px;
}

.page-id-281 .social-icon-footer {
  height: 0px;
  width: 0px;
}

@media screen and (min-width: 1200px) {
  .privacy-policy-footer {
    margin-left: 210px !important;
  }
}


/*
########################################
######################################## TITLE STYLES
########################################
*/



/*
########################################
######################################## SECTIONS STYLES
########################################
*/

.gform_body {
  color: white;
}

.gform_description {
  color: white !important;
}

#analytics-opt-out {
  overflow-wrap: break-word;
}


/*
Marron #9c0135
Wine #720a15
lightest gray #e7e9ec
light gray #cdccce
medium gray #b7b2b2
dark gray #716969
*/

/*
########################################
######################################## MEDIA QUERIES STYLES
########################################
*/

@media screen and (max-width: 1199px) {}

@media screen and (max-width: 767px) {

  .store-image {
    max-width: 200px;
  }

  body #mobile-header {
    display: block;
    background: transparent;
    box-shadow: none;
  }

  body #mobile-header .logo,
  body #header.header-v1 {
    display: none;
  }

  body.header-is-transparent #mobile-navigation {
    top: 0;
    background: #1a160d;
    padding-top: 60px;
  }

  body #mobile-navigation ul li a {
    font-size: 18px;
    color: #e09c3f;
    text-align: center;
    text-transform: uppercase;
    border-bottom-color: rgba(255, 255, 255, .4) !important;
  }

  body #mobile-navigation-btn,
  body #mobile-cart-btn,
  body #mobile-shopping-btn {
    color: #faad43;
    padding-top: 20px;
  }

}


/* ------------------------------------------------------------------------------------------------------ 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 959px) {

  /* 	body{ border:2px solid purple;} */



}




/* ------------------------------------------------------------------------------------------------------
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 480px
*/

@media (min-width: 320px) and (max-width: 480px) {

  /* 	body{ border:2px solid green;} */

  body p#slider-1-slide-1-layer-22 {
    text-align: justify !important;
  }

}

@media screen and (min-width: 768px) and (max-width: 772px){
  #mobile-header .container .sixteen.columns{
    width: 420px !important;
  }
  #mobile-header .container {
    width: 420px;
    margin: 0 auto;
    padding: 0;
    position: relative;
  }
}

@media screen and (max-width: 772px) {

  .store-image {
    max-width: 200px;
  }

  body #mobile-header {
    display: block;
    background: transparent;
    box-shadow: none;
  }

  body #mobile-header .logo,
  body #header.header-v1 {
    display: none;
  }

  body.header-is-transparent #mobile-navigation {
    /* top: 0; */
    background: #1a160d;
    padding-top: 60px;
  }

  body #mobile-navigation ul li a {
    font-size: 18px;
    color: #e09c3f;
    text-align: center;
    text-transform: uppercase;
    border-bottom-color: rgba(255, 255, 255, .4) !important;
  }

  body #mobile-navigation-btn,
  body #mobile-cart-btn,
  body #mobile-shopping-btn {
    color: #faad43;
    padding-top: 20px;
  }

}

@media screen and (min-width: 773px){
  #mobile-navigation{
    visibility: hidden;
  }
}

@media screen and (max-width: 767px){
  .vc_col-sm-4.faux_title.wpb_column {
    margin-bottom: 0px;
    padding-bottom: 0px;
}       
div#form_row {
    margin-top: 0px;
    padding-top: 0px !important;
}
  
}
