/*
Theme Name: 	Avtokozmetika kristal
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Votan komunikacije / Muffin group
Author URI: 	http://muffingroup.com
Description:	Prilagojena predloga za spletno stran avtokozmetika-kristal.live
Template:		betheme
Version: 		1.6.1.1
*/


/* ==========[ GLOBAL ]========== */

ul, li {
  color: white;
}


/* ==========[ HEADER ]========== */

/* razmik med postavkami v meniju */

#Top_bar .menu > li > a span:not(.description) {
  padding: 0 18px;
}

/* #Top_bar .menu li ul li {
    width: 380px;
} */

/* ==========[ VSEBINA ]========== */


/* ==========[ FOOTER ]========== */



/* od tu naprej so stare deklaracije, poštimaj */


/* forma povpraševanje */

.razmik-forma1 {
  padding: 20px;
}

.razmik-forma2 {
  padding: 10px;
}

/* slike na formi laki */

#wpcf7-f201-p522-o1 > form > p:nth-child(17) > span > span > span.wpcf7-list-item.first {
    height: 170px;
    background-image: url("https://www.avtokozmetika-kristal.live/wp-content/uploads/2018/05/povprasevanje-lak-1-novo.jpg");
    background-repeat: no-repeat;
    text-align: center;
    background-position: center bottom;
    margin-bottom: 40px;
    width: 23%;
    display: inline-block;
}

@media screen and (max-width: 768px) {
  #wpcf7-f201-p522-o1 > form > p:nth-child(17) > span > span > span.wpcf7-list-item.first {
      width: 48%;
      display: block;
  }
}

#wpcf7-f201-p522-o1 > form > p:nth-child(17) > span > span > span:nth-child(2) {
  height: 170px;
  background-image: url("https://www.avtokozmetika-kristal.live/wp-content/uploads/2018/05/povprasevanje-lak-2-male.jpg");
  background-repeat: no-repeat;
  text-align: center;
  background-position: center bottom;
  margin-bottom: 40px;
  width: 23%;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  #wpcf7-f201-p522-o1 > form > p:nth-child(17) > span > span > span:nth-child(2) {
    width: 48%;
    display: block;
  }
}

#wpcf7-f201-p522-o1 > form > p:nth-child(17) > span > span > span:nth-child(3) {
  height: 170px;
  background-image: url("https://www.avtokozmetika-kristal.live/wp-content/uploads/2018/05/povprasevanje-lak-3-srednje.jpg");
  background-repeat: no-repeat;
  text-align: center;
  background-position: center bottom;
  margin-bottom: 40px;
  width: 23%;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  #wpcf7-f201-p522-o1 > form > p:nth-child(17) > span > span > span:nth-child(3) {
    width: 48%;
    display: block;
  }
}

#wpcf7-f201-p522-o1 > form > p:nth-child(17) > span > span > span:nth-child(4) {
  height: 170px;
  background-image: url("https://www.avtokozmetika-kristal.live/wp-content/uploads/2018/05/povprasevanje-lak-4-zelo.jpg");
  background-repeat: no-repeat;
  text-align: center;
  background-position: center bottom;
  margin-bottom: 40px;
  width: 23%;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  #wpcf7-f201-p522-o1 > form > p:nth-child(17) > span > span > span:nth-child(4) {
    width: 48%;
    display: block;
  }
}

/* slike na formi2 laki */

#wpcf7-f626-p624-o1 > form > p:nth-child(17) > span > span > span.wpcf7-list-item.first {
    height: 170px;
    background-image: url("https://www.avtokozmetika-kristal.live/wp-content/uploads/2018/05/povprasevanje-lak-1-novo.jpg");
    background-repeat: no-repeat;
    text-align: center;
    background-position: center bottom;
    margin-bottom: 40px;
    width: 23%;
    display: inline-block;
}

@media screen and (max-width: 768px) {
  #wpcf7-f626-p624-o1 > form > p:nth-child(17) > span > span > span.wpcf7-list-item.first {
      width: 48%;
      display: block;
  }
}

#wpcf7-f626-p624-o1 > form > p:nth-child(17) > span > span > span:nth-child(2) {
  height: 170px;
  background-image: url("https://www.avtokozmetika-kristal.live/wp-content/uploads/2018/05/povprasevanje-lak-2-male.jpg");
  background-repeat: no-repeat;
  text-align: center;
  background-position: center bottom;
  margin-bottom: 40px;
  width: 23%;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  #wpcf7-f626-p624-o1 > form > p:nth-child(17) > span > span > span:nth-child(2) {
    width: 48%;
    display: block;
  }
}

#wpcf7-f626-p624-o1 > form > p:nth-child(17) > span > span > span:nth-child(3) {
  height: 170px;
  background-image: url("https://www.avtokozmetika-kristal.live/wp-content/uploads/2018/05/povprasevanje-lak-3-srednje.jpg");
  background-repeat: no-repeat;
  text-align: center;
  background-position: center bottom;
  margin-bottom: 40px;
  width: 23%;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  #wpcf7-f626-p624-o1 > form > p:nth-child(17) > span > span > span:nth-child(3) {
    width: 48%;
    display: block;
  }
}

#wpcf7-f626-p624-o1 > form > p:nth-child(17) > span > span > span:nth-child(4) {
  height: 170px;
  background-image: url("https://www.avtokozmetika-kristal.live/wp-content/uploads/2018/05/povprasevanje-lak-4-zelo.jpg");
  background-repeat: no-repeat;
  text-align: center;
  background-position: center bottom;
  margin-bottom: 40px;
  width: 23%;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  #wpcf7-f626-p624-o1 > form > p:nth-child(17) > span > span > span:nth-child(4) {
    width: 48%;
    display: block;
  }
}


/* storitve na formi - poravnava v tri stolpce */

.wpcf7-list-item {
  vertical-align: top;
  padding-bottom: 10px;
}

#wpcf7-f201-p522-o1 > form > p:nth-child(19) > span > span > span:nth-child(3n+1)

 {
  display: inline-block;
  width: 31%;
}

@media screen and (max-width: 768px) {
  #wpcf7-f201-p522-o1 > form > p:nth-child(19) > span > span > span:nth-child(3n+1)
  {
    display: inline-block;
    width: 100%;
  }
}

#wpcf7-f201-p522-o1 > form > p:nth-child(19) > span > span > span:nth-child(3n+2)

 {
  display: inline-block;
  width: 31%;
}

@media screen and (max-width: 768px) {
  #wpcf7-f201-p522-o1 > form > p:nth-child(19) > span > span > span:nth-child(3n+2)
    {
      display: inline-block;
      width: 100%;
    }
}

#wpcf7-f201-p522-o1 > form > p:nth-child(19) > span > span > span:nth-child(3n+3)

 {
  display: inline-block;
  width: 31%;
}

@media screen and (max-width: 768px) {
  #wpcf7-f201-p522-o1 > form > p:nth-child(19) > span > span > span:nth-child(3n+3)
    {
      display: inline-block;
      width: 100%;
    }
}


#wpcf7-f201-p522-o1 > form > h4 {
    font-size: 20px;
    font-weight: 900;
    background: #0275d7;
    padding: 6px 12px;
}

/* storitve na formi2 - poravnava v tri stolpce */

.wpcf7-list-item {
  vertical-align: top;
  padding-bottom: 10px;
}

#wpcf7-f626-p624-o1 > form > p:nth-child(20) > span > span > span:nth-child(3n+1),
#wpcf7-f626-p624-o1 > form > p:nth-child(22) > span > span > span:nth-child(3n+1),
#wpcf7-f626-p624-o1 > form > p:nth-child(24) > span > span > span:nth-child(3n+1),
#wpcf7-f626-p624-o1 > form > p:nth-child(26) > span > span > span:nth-child(3n+1),
#wpcf7-f626-p624-o1 > form > p:nth-child(28) > span > span > span:nth-child(3n+1),
#wpcf7-f626-p624-o1 > form > p:nth-child(30) > span > span > span:nth-child(3n+1),
#wpcf7-f626-p624-o1 > form > p:nth-child(32) > span > span > span:nth-child(3n+1),
#wpcf7-f626-p624-o1 > form > p:nth-child(35) > span > span > span:nth-child(3n+1)
 {
  display: inline-block;
  width: 31%;
}

@media screen and (max-width: 768px) {
  #wpcf7-f626-p624-o1 > form > p:nth-child(20) > span > span > span:nth-child(3n+1),
  #wpcf7-f626-p624-o1 > form > p:nth-child(22) > span > span > span:nth-child(3n+1),
  #wpcf7-f626-p624-o1 > form > p:nth-child(24) > span > span > span:nth-child(3n+1),
  #wpcf7-f626-p624-o1 > form > p:nth-child(26) > span > span > span:nth-child(3n+1),
  #wpcf7-f626-p624-o1 > form > p:nth-child(28) > span > span > span:nth-child(3n+1),
  #wpcf7-f626-p624-o1 > form > p:nth-child(30) > span > span > span:nth-child(3n+1),
  #wpcf7-f626-p624-o1 > form > p:nth-child(32) > span > span > span:nth-child(3n+1),
  #wpcf7-f626-p624-o1 > form > p:nth-child(35) > span > span > span:nth-child(3n+1)
  {
    display: inline-block;
    width: 100%;
  }
}

#wpcf7-f626-p624-o1 > form > p:nth-child(20) > span > span > span:nth-child(3n+2),
#wpcf7-f626-p624-o1 > form > p:nth-child(22) > span > span > span:nth-child(3n+2),
#wpcf7-f626-p624-o1 > form > p:nth-child(24) > span > span > span:nth-child(3n+2),
#wpcf7-f626-p624-o1 > form > p:nth-child(26) > span > span > span:nth-child(3n+2),
#wpcf7-f626-p624-o1 > form > p:nth-child(28) > span > span > span:nth-child(3n+2),
#wpcf7-f626-p624-o1 > form > p:nth-child(30) > span > span > span:nth-child(3n+2),
#wpcf7-f626-p624-o1 > form > p:nth-child(32) > span > span > span:nth-child(3n+2),
#wpcf7-f626-p624-o1 > form > p:nth-child(35) > span > span > span:nth-child(3n+2)
 {
  display: inline-block;
  width: 31%;
}

@media screen and (max-width: 768px) {
  #wpcf7-f626-p624-o1 > form > p:nth-child(20) > span > span > span:nth-child(3n+2),
  #wpcf7-f626-p624-o1 > form > p:nth-child(22) > span > span > span:nth-child(3n+2),
  #wpcf7-f626-p624-o1 > form > p:nth-child(24) > span > span > span:nth-child(3n+2),
  #wpcf7-f626-p624-o1 > form > p:nth-child(26) > span > span > span:nth-child(3n+2),
  #wpcf7-f626-p624-o1 > form > p:nth-child(28) > span > span > span:nth-child(3n+2),
  #wpcf7-f626-p624-o1 > form > p:nth-child(30) > span > span > span:nth-child(3n+2),
  #wpcf7-f626-p624-o1 > form > p:nth-child(32) > span > span > span:nth-child(3n+2),
  #wpcf7-f626-p624-o1 > form > p:nth-child(35) > span > span > span:nth-child(3n+2)
    {
      display: inline-block;
      width: 100%;
    }
}

#wpcf7-f626-p624-o1 > form > p:nth-child(20) > span > span > span:nth-child(3n+3),
#wpcf7-f626-p624-o1 > form > p:nth-child(22) > span > span > span:nth-child(3n+3),
#wpcf7-f626-p624-o1 > form > p:nth-child(24) > span > span > span:nth-child(3n+3),
#wpcf7-f626-p624-o1 > form > p:nth-child(26) > span > span > span:nth-child(3n+3),
#wpcf7-f626-p624-o1 > form > p:nth-child(28) > span > span > span:nth-child(3n+3),
#wpcf7-f626-p624-o1 > form > p:nth-child(30) > span > span > span:nth-child(3n+3),
#wpcf7-f626-p624-o1 > form > p:nth-child(32) > span > span > span:nth-child(3n+3),
#wpcf7-f626-p624-o1 > form > p:nth-child(35) > span > span > span:nth-child(3n+3)
 {
  display: inline-block;
  width: 31%;
}

@media screen and (max-width: 768px) {
  #wpcf7-f626-p624-o1 > form > p:nth-child(20) > span > span > span:nth-child(3n+3),
  #wpcf7-f626-p624-o1 > form > p:nth-child(22) > span > span > span:nth-child(3n+3),
  #wpcf7-f626-p624-o1 > form > p:nth-child(24) > span > span > span:nth-child(3n+3),
  #wpcf7-f626-p624-o1 > form > p:nth-child(26) > span > span > span:nth-child(3n+3),
  #wpcf7-f626-p624-o1 > form > p:nth-child(28) > span > span > span:nth-child(3n+3),
  #wpcf7-f626-p624-o1 > form > p:nth-child(30) > span > span > span:nth-child(3n+3),
  #wpcf7-f626-p624-o1 > form > p:nth-child(32) > span > span > span:nth-child(3n+3),
  #wpcf7-f626-p624-o1 > form > p:nth-child(35) > span > span > span:nth-child(3n+3)
    {
      display: inline-block;
      width: 100%;
    }
}


/* mednaslovi na formah */

#wpcf7-f626-p624-o1 > form > h4, #voskanje > h4, #wpcf7-f698-p695-o1 > form > h4 {
    font-size: 20px;
    font-weight: 900;
    background: #0275d7;
    padding: 6px 12px;
}

/* konec mednaslovi na formah */

#voskanje > p > span > span > span:nth-child(1),
#voskanje > p > span > span > span:nth-child(2) {
  display: inline-block;
  width: 31%;
}

@media screen and (max-width: 768px) {
  #voskanje > p > span > span > span:nth-child(1),
  #voskanje > p > span > span > span:nth-child(2) {
    display: inline-block;
    width: 100%;
  }
}


.blog #Header .container,
.post-template-default #Header .container {
  background-image: linear-gradient(rgba(230, 0, 0, 0.5), #0c0000);
}

/* portolio in blog zgornji odmik */
#Intro .intro-inner {
    position: relative;
    padding: 120px 10% 80px 10%;
}

/* barva ozadja pri galeriji */
#Intro {
  background-image: linear-gradient(rgba(230, 0, 0, 0.5), #0c0000);
}

#Subheader {
    padding: 200px 10% 80px 10%;
}


/* naslov projekta v galeriji */

#Intro .intro-title {
    font-size: 66px!important;
    font-weight: 900!important;
    margin-bottom: 0;
}

#Intro .intro-title {
  display: none;
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
  #Intro .intro-title {
      font-size: 60px!important;
  }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
  #Intro .intro-title {
      font-size: 53px!important;
  }
}

@media only screen and (max-width: 479px) {
  #Intro .intro-title {
      font-size: 42px!important;
  }
}

/* galerija skrij puščico */

.intro-next {
  display: none;
}

/* galerija fotka ozadje pozicija */

.page-template-template-portfolio .bg-cover {
  background-position: 0 70%!important;
}

@media only screen and (max-width: 800px) {
  .page-template-template-portfolio .bg-cover {
    /* background-position: 0 50%!important; */
    background-position: right 20%!important;
  }
}


/* blog naslovna slikca full width */

.section-post-header .single-photo-wrapper.image .image_frame {
    max-width: 100%;
}




/* blog naslov */

.subheader-both-center #Subheader .title {
  font-style: normal;
  font-weight: 800;
  width: 100%;
  text-align: left;
  font-size: 50px;
  line-height: 55px;
}

.subheader-both-center #Subheader .breadcrumbs {
  display: none;
}

.post-nav.minimal.column {
  display: none;
}


#Content > div > div > div > div.section.mcb-section.bg- > div > div > div > div > div > h2:nth-child(1) {
  padding-top: 60px;
}

/* blog naslov mobile */

@media only screen and (max-width: 479px) {
  .subheader-both-center #Subheader .title {
    font-size: 40px;
    line-height: 45px;
  }
}


/* blog galerije poravnava slik */

.the_content_wrapper .blocks-gallery-grid {
  margin: 10px;
}

.wp-block-gallery {
  margin-top: 40px;
}

/* razmik med logotipi na obrazcu */

.mcb-wrap.divider {
  height: 20px!important;
}

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

  .mcb-wrap.divider {
    height: 0px!important;
  }

  .mcb-wrap.one-fifth {
    padding: 30px 1% 30px!important;
  }

  .mcb-wrap.one-sixth {
    padding: 30px 1% 30px!important;
  }

}


/* gravity forma povpraševanje */

/* .gform_wrapper {
    overflow: hidden;
} */

/* spani
https://stackoverflow.com/questions/55759001/gravity-forms-radio-buttons-with-individual-descriptions
 */
.ginput_container_radio input {
    vertical-align: bottom;
}

.ginput_container_radio label span {
    display: block;
}

.ginput_container_radio label span:nth-child(2) {
    font-size: 1.3em;
    font-weight: bold;
}

.ginput_container_radio label span:nth-child(3) {
    font-size: 0.8em;
    opacity: 0.5;
}

/* poravnava avtomobili */

.center-radio .gfield_radio {
    text-align: center;
}

.center-radio .gfield_radio li input[type=radio] {
    margin: 10px 40% 10px!important;
}


/* velikost teksta za celo formo */
body .gform_wrapper .gform_body {
    font-size: 18px;
}

/* cena odmik */
.ginput_price {
  display: inline!important;
  padding-left: 15px;
  color: #e30000;
}

/* razmik med elementi */
body .gform_wrapper ul li{
    padding: 50px 0;
}

body .ginput_container ul li {
    margin-bottom: 20px!important;
}


/* cena total */
.ocenjen-strosek .ginput_total {
    font-size: 40px!important;
    font-weight: bold;
    color: #e30000!important;
}


/* poravnava radio button in check boxov */
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio],
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=checkbox] {
    vertical-align: top;
}

/* velikost radio gumbov in checkboxov */
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li input[type=radio],
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li input[type=checkbox] {
    transform: scale(1.8);
    margin: 6px 15px 3px 10px;
}


/* odmik slike tabelca */
#field_2_23 img, #field_2_41 img, #field_2_42 img, #field_2_43 img {
    padding-top: 10px;
    padding-left: 18px;
}


/* gravity forma */

.gform_confirmation_wrapper .gform_confirmation_message {
  background: #e30000;
}

/* ozadje pri errorju na formi */
.gfield_error {
  background-color: rgba(255,223,224,0)!important;
}

.gform_wrapper .gfield_error .gfield_label, .gform_wrapper .validation_message {
  color: red!important;

}

/* razmik pri izboru velikosti avtomobila na mobile verziji */
@media (max-width: 640px) {
  body .ginput_container ul li {
    margin-bottom: 70px!important;
  }
}

.stanje-laka-tekst {
    color: #e30000;
}

.stanje-laka-slika {
    margin-bottom: 10px;
}


.ginput_price {
    font-weight: 700;
}


/* uvodni tekst pri formi */

.uvod-forma {
  font-size: 14px;
  color: #dbdbdb;
}



/* naslov alinej "Nudimo" na podstraneh storitve */
.page-child .column_attr h4 {
  margin-top: 40px;
}