/*
Theme Name: Art India To Go
Theme URI: https://www.art-india-to-go.de
Author: Frank
Author URI: Frank
Description: Individuelles Theme nach Boilerplate und Bootstrap
Tags: boilerplate, clean, simple, starter, bootstrap, seo
Text Domain: essgut
*/

/*********************************************************************
〈 〉 | « » | ← → | ‹ › | “ ” | –
❤ ☀ ★ ☂ ☎ ☏ ❄ ♫ ☯ ✓ ✔ ☑ ◄ ► ◅ ▻ • ™ © ® ☘ ✿ ❀
**********************************************************************/


/**********************************************************************
***  TWEAKS
*********************************************************************/
  svg {max-height:100%; /* chrome needs it  */}
  body.logged-in .navbar-fixed-top {top:30px;}
  .embed-responsive > iframe {border: 0 none; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
  .flexbsaccordion .panel-group .panel .panel-heading {padding: 0;}
  .flexbsaccordion .panel-group .panel .panel-title a {display: block; width: 100%; height:100%; padding:10px 15px;}


  #header-map {position: relative;}

  .map-overlay {
    background: transparent none repeat scroll 0 0;
    height: 510px;
    margin-top: -500px;
    position: absolute;
    top: 500px;
    width: 97%;
  }

  #header-map {position: relative;}
  .login h1 a {
    background-image: none, url("../../wp-content/themes/india/img/india-logo.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 84px auto;
    color: #999;
    display: block;
    font-size: 20px;
    font-weight: 400;
    height: 84px;
    line-height: 1.3em;
    margin: 0 auto 25px;
    outline: 0 none;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    text-indent: -9999px;
    width: 84px;
  }

  /*.container {padding-left: 0; padding-right: 0;}
  .row {margin-left: 0px; margin-right: 0px;}*/



  /*****************************
  *** FLEX
  ******************************/
    .display-flex {display: flex; flex-wrap: wrap; justify-content: center;}
    .display-flex-item {display: flex; align-content: stretch; margin: 0 -.3px 30px;}

    .equal-height {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }

    .equal-height > div[class*='col-'] {
      display: flex;
      flex-direction: column;
      /*margin-left: -1px;
      margin-right: -1px;*/
      justify-content: center;
    }



/*******************************************************************************************
*** FONTS
*******************************************************************************************/
  /* montserrat-regular - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 400;
      src: url('fonts/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('fonts/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('fonts/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('fonts/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('fonts/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
    }

  /* montserrat-italic - latin */
    @font-face {
      /*font-family: 'Montserrat';
      font-style: italic;
      font-weight: 400;
      src: url('fonts/montserrat-v15-latin-italic.eot');
      src: local(''),
           url('fonts/montserrat-v15-latin-italic.eot?#iefix') format('embedded-opentype'),
           url('fonts/montserrat-v15-latin-italic.woff2') format('woff2'),
           url('fonts/montserrat-v15-latin-italic.woff') format('woff'),
           url('fonts/montserrat-v15-latin-italic.ttf') format('truetype'),
           url('fonts/montserrat-v15-latin-italic.svg#Montserrat') format('svg'); */
    }

  /* montserrat-700 - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 700;
      src: url('fonts/montserrat-v15-latin-700.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('fonts/montserrat-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/montserrat-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
           url('fonts/montserrat-v15-latin-700.woff') format('woff'), /* Modern Browsers */
           url('fonts/montserrat-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
           url('fonts/montserrat-v15-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
    }

  /* el-messiri-700 - latin */
    @font-face {
      font-family: 'El Messiri';
      font-style: normal;
      font-weight: 700;
      src: url('fonts/el-messiri-v15-latin-700.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('fonts/el-messiri-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/el-messiri-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
           url('fonts/el-messiri-v15-latin-700.woff') format('woff'), /* Modern Browsers */
           url('fonts/el-messiri-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
           url('fonts/el-messiri-v15-latin-700.svg#ElMessiri') format('svg'); /* Legacy iOS */
    }


  .montserrat {font-family: 'Montserrat';}
  .eagle {font-family: 'Eagle Lake';}
  .messiri, .berkshire {font-family: 'El Messiri', cursive; font-weight: bold;}



/*******************************************************************************************
*** HELFER
*******************************************************************************************/
  .leicht, .leicht > p {font-weight: lighter;}
  .normal, .normal > p {font-weight: normal;}
  .fett, .fett > p {font-weight: bold;}
  .unterstrichen {text-decoration: underline;}
  .kursiv {font-style: italic!important;}
  .gross {text-transform: uppercase;}
  .rund {border-radius: 4px;}

  .xxl {font-size: 67px!important; text-shadow: 2px 2px 5px #000;}
  .xl {font-size: 40px!important;}
  .l {font-size: 31px!important;}
  .m {font-size: 21px!important;}
  .s {font-size: 18px!important;}
  .xs {font-size: 12px!important;}

  .weiss {color:white!important;}
  .schwarz {color: #2c2e35!important;}

  .gelb {color: #fff2cf!important;}
  .rot {color: #9d2c3f!important;}
  .hellgrau {color: #f7f7f7!important;}
  .grau {color: #231f20!important;}

  .bg-transparent {background-color: transparent!important;}
  .bg-weiss {background-color: white!important;}
  /*.bg-hellgrau {background-color: #F8F8F8!important;}
  .bg-grau {background-color: #EBEBEB!important;}*/
  .bg-rot {background-color: #9d2c3f!important;}
  .bg-schwarz {background-color: #000!important}
  .bg-hellgrau {background-color: #f7f7f7!important;}
  .bg-grau {background-color: #231f20!important;}
  .bg-gelb {background-color: #fff2cf!important;}

  .padding {padding:15px;}

  .padding-0 {padding: 0px!important;}
  .padding-0-left {padding-left: 0px!important;}
  .padding-0-right {padding-right: 0px!important;}

  .padding-xs {padding-top: 5px; padding-bottom: 5px;}
  .padding-xs-oben {padding-top: 5px!important;}
  .padding-xs-unten {padding-bottom: 5px!important;}

  .padding-s {padding-top: 15px; padding-bottom: 15px;}
  .padding-s-oben {padding-top: 15px!important;}
  .padding-s-unten {padding-bottom: 15px!important;}

  .padding-m {padding-top: 30px; padding-bottom: 30px;}
  .padding-m-oben {padding-top: 30px!important;}
  .padding-m-unten {padding-bottom: 30px!important;}

  .padding-l {padding-top: 60px; padding-bottom: 60px;}
  .padding-l-oben {padding-top: 60px!important;}
  .padding-l-unten {padding-bottom: 60px!important;}

  .padding-xl {padding-top: 90px; padding-bottom: 90px;}
  .padding-xl-oben {padding-top: 90px!important;}
  .padding-xl-unten {padding-bottom: 90px!important;}

  .padding-xxl {padding-top: 120px; padding-bottom: 120px;}
  .padding-xxl-oben {padding-top: 120px!important;}
  .padding-xxl-unten {padding-bottom: 120px!important;}


  .margin-s {margin-top: 15px; margin-bottom: 15px;}
  .margin-s-oben {margin-top: 15px!important;}
  .margin-s-unten {margin-bottom: 15px!important;}

  .margin-m {margin-top: 30px; margin-bottom: 30px;}
  .margin-m-oben {margin-top: 30px!important;}
  .margin-m-unten {margin-bottom: 30px!important;}

  .margin-l {margin-top: 60px; margin-bottom: 60px;}
  .margin-l-oben {margin-top: 60px!important;}
  .margin-l-unten {margin-bottom: 60px!important;}

  .margin-xl {margin-top: 90px; margin-bottom: 90px;}
  .margin-xl-oben {margin-top: 90px!important;}
  .margin-xl-unten {margin-bottom: 90px!important;}

  .margin-xxl {margin-top: 120px; margin-bottom: 120px;}
  .margin-xxl-oben {margin-top: 120px!important;}
  .margin-xxl-unten {margin-bottom: 120px!important;}

  .rechts {text-align: right;}
  .rechts > img {float: right;}

  .links {text-align: left;}
  .links > img {float: left;}

  .mitte {text-align: center;}
  .mitte > img {margin:0 auto;}
  .img-mitte {display: block; margin: 0 auto;}

  .umbruch {-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}

  .rahmen {border: 1px solid #2c2e35;}
  .rahmen-oben {border-top: 1px solid #2c2e35;}
  .rahmen-unten {border-bottom: 1px solid #2c2e35;}

  .box {width: 100%; height:100%; display: block;}
  .rund {border-radius: 4px;}
  .schatten {box-shadow: 1px 1px 5px #2c2e35;}
  .kein-schatten {box-shadow: none!important;}



/*******************************************************************************************
*** DEV
*******************************************************************************************/
  .einhundert {min-height:100px;}
  .zweihundert {min-height:200px;}
  .dreihundert {min-height:300px;}
  .vierhundert {min-height:400px;}
  .fuenfhundert {min-height:500px;}
  .sechshundert {min-height:600px;}



/*******************************************************************************************
*** BASICS
*******************************************************************************************/
  html {font-size: 16px;}

  body {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    background-color: #000; /*#5c2a2f*/
    /*color: black;
    padding-top: 50px;*/
  }

  h1 {font-family: 'El Messiri', cursive; margin-top: 0; font-weight: bold;}
  h2, h3, h4, h5, h6 {font-family: "Montserrat"; margin-top: 0; font-weight: bold;}
  h1, .h1 {font-size: 47px;}
  h2, .h2 {font-size: 61px;}
  h3, .h3 {font-size: 51px; margin-bottom: 0;}
  .h3 {margin: 0!important;}

  .modal-body h2 {font-size: 18px;}
  .modal-body h3 {font-size: 16px;}

  p {/*font-size: 16px;*/}
  small {font-size: 12px;}
  figcaption {padding-top: 10px;}


  a {color: #2c2e35;}
  a:hover {color: inherit; text-decoration: none;}
  a:focus {color: inherit; outline: none; outline-offset: -2px;}

  .container {
    position: relative;
    z-index: 2;
  }



/**********************************************************************
*** STYLES FÜR INDIA
*********************************************************************/
  .btn-india {
    /*border: 2px solid #2c2e35;*/
    background-color: #69090c;
    color: white;
    cursor: pointer;
    padding: 30px 60px;
    display: inline-block;
    margin: 30px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }

  .btn-india:hover,
  .btn-india:active {color: #69090c!important; text-decoration: none; background-color: #ffc640;}
  .btn-india.invertiert {border: 2px solid #fff; color: #fff;}
  .btn-india.invertiert:hover,
  .btn-india.wpcf7-submit:hover,
  .btn-india.invertiert:active {color: #2c2e35!important; text-decoration: none;}


  hr, .trenner {border-radius: 2px; border-width: 2px; max-width: 200px; border-color: #2c2e35;}
  .trenner-schwarz {border-color: #2c2e35;}
  .trenner-weiss {border-color: white!important;}

  .img-india {border: 1px solid #2c2e35;}

  .table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #e1a45b;}
  .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #333;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: middle;
  }

  .img-thumbnail {border: 1px solid #a3a7cf;}

  a.collapsed > .panel-title {color: white;}
  a > .panel-title {display:block; font-size: 21px; color: #EFCB69; transition: all 1s ease; text-decoration: none;}
  a > .panel-title {color: #fff; text-decoration: none!important;}
  a:hover > .panel-title {color: #EFCB69;}

  .panel-default {border-color: #69090c;}
  .panel-group .panel {margin-bottom: 30px;}



/**********************************************************************
*** NAVIGATION
*********************************************************************/
  .navbar-default {
    background-color: transparent;
    border-color: transparent;
  }

  .navbar > .container {background: transparent;}

  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }

  .navbar-default .navbar-nav > li > a {color: #5c2a2f ; text-align: right; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold;}

  .navbar-toggle {margin-right: 30px;}
  .navbar-default .navbar-toggle {border-color: transparent;}
  .navbar-default .navbar-toggle .icon-bar {background-color: #5c2a2f;}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover {background-color: #EFCB69;}

  .navbar-right {margin-right: 0;}

  #hauptmenu span.visible-xs {display: inline-block; padding-left: 5px;}
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav a:hover {
    color: #5c2a2f!important;
    background-color: transparent;
    text-decoration: underline;
  }


/**********************************************************************
*** HEADER
*********************************************************************/
  #page-header {}
  #page-header {
    padding: 60px 0;
  }

  #page-logo { margin-top: 100px; }

  #intro1 {
    padding: 60px 0 30px;
  }

  #intro-subline {color:#2c2e35; padding-top: 30px;}



/**********************************************************************
*** SEKTIONEN
*********************************************************************/
  .content-section {
    padding: 60px 0;
  }


  .section-header {
    padding: 30px 15px;
  }

  .section-subline {
    padding: 0 0 15px;
  }

  .section-subline span {
    background-color: #9d2c3f;
    color: white;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: bold;
  }

  .section-intro p {
    /*color: #333;*/
    /*color: #231f20;*/
    font-size: 21px;
  }

  .bg-rot .section-intro p {
    color: #fff;
  }

  .page-teaser-title {
    text-transform: uppercase;
  }

  .item-table {}
  .item-table table {
    background-color: #fff2d0;
    padding: 30px;
  }

  .item-table table tr {}

  .item-table table td {
    vertical-align: top;
    text-align: left;
    padding: 15px 15px;
    color: #5f5d58;
  }

  .item-table strong,
  .item-table table tr td:first-child {
    display: block;
    font-weight: bold;
    color: #940c05;
  }





/*******************************************************************************************
*** HOME
*******************************************************************************************/



/**********************************************************************
*** FOOTER
*********************************************************************/
  footer {background-color: #fff; margin: 0 auto; max-width: 1920px;}
  #skyline {margin-bottom: -10px;}

  .footer-block {}
  #footer-meta {}



/**********************************************************************
*** MOBILES MENU
*********************************************************************/
  .navbar-header {text-align: center;}
  #mobile-footer-menu .navbar-toggle {margin-top: 3px;}
  #mobile-footer-menu .navbar-brand {padding: 5px;}
  .mobil-menu-tile {height: 30px; width: 30px;margin:10px 2% 0;}
  .navbar-toggle .icon-bar {background-color: white;}
  #mobile-footer-menu ul {text-align: right;}
  #footer-menu a {color:white;}
  #footer-menu .nav > li > a:focus, #footer-menu .nav > li > a:hover {background-color: transparent;}
  .navbar-mobil-india {border-top: 3px solid #F89A55;}



/*******************************************************************************************
*** MODAL
*******************************************************************************************/
  .modal-dialog {color: #2c2e35;}
  .modal-body {list-style: none; font-size: 16px;}



/**********************************************************************
*** BREAKPOINT MAX 1200px
*********************************************************************/
@media (max-width: 1200px) {

  .bg-intro {background: #f0d5ab url("/india/img/intro.jpg") no-repeat scroll center top;}
  .bg-intro .container {box-shadow: none; background-color: transparent!important;}

  #intro {
    left: 0;
    padding-top: 30px;
    position: relative;
    right: 0;
    z-index: 1;
  }

}



/**********************************************************************
*** BREAKPOINT MAX 992px
*********************************************************************/
@media (max-width: 992px) {

  .xxl {font-size: 31px!important;}
  .xl {font-size: 24px!important;}
  .l {font-size: 18px!important;}
  .m {font-size: 18px!important;}
  .s {font-size: 12px!important;}
  .xs {font-size: 10px!important;}

  .bg-intro {background: url("/india/img/intro-mobil.jpg") no-repeat scroll top center #F0D5AB; min-height: 260px;}
  #intro {padding-top: 30px;}
  #intro-subline { padding-top:40px; text-align: right;}

}



/**********************************************************************
*** BREAKPOINT MAX 767px
*********************************************************************/
@media (max-width: 768px) {

  body {padding-bottom: 8px;}

  h1, .h1 {font-size: 47px;}
  h2, .h2 {font-size: 31px;}
  h3, .h3 {font-size: 27px;}

  .content-section {padding: 45px 0;}
  .section-subline span {font-size: 14px; font-weight: normal;}
  .section-intro p {font-size: 16px;}

  .xxl {font-size: 41px!important;}
  .xl {font-size: 24px!important;}
  .l {font-size: 18px!important;}
  .m {font-size: 18px!important;}
  .s {font-size: 16px!important;}
  .xs {font-size: 10px!important;}

  .equal-height {display: block;}

  /*.container {margin-left: 15px; margin-right: 15px;}*/
  .navbar .container {margin-left: 0; margin-right: 0;}

  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: 15px;}
  .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {margin-left: 0;margin-right: 0;}
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {text-decoration: underline;}
  #hauptmenu span.visible-xs {display: inline-block!important; padding-left: 5px;}

  #page-header {padding: 15px 0 60px;}
  .bg-intro {margin-top: 50px;}

  #mittagstisch .section-area {padding: 30px;}
  .nugget-item {margin-bottom: 30px;}

  #googlemaps {margin-bottom: 30px;}

  footer {margin-bottom: 50px;}

  #footer-mobile-links {border-top: 2px solid #5d2b33;}

  .footer-mobile-link a {
    display: block;
    text-align: center;
    padding: 15px;
  }

  .footer-mobile-link .glyphicon {
    font-size: 21px;
    color: #5d2b33;
  }

}



/**********************************************************************
*** BREAKPOINT MAX 640px
*********************************************************************/
@media (max-width: 640px) {
  /*h1 {font-size: 41px!important;}
  h2 {font-size: 27px!important;}
  h3 {font-size: 27px!important;}
  h4 {font-size: 14px!important;}
  h5 {font-size: 12px!important;}
  h6 {font-size: 10px!important;}

  .xxl {font-size: 41px!important;}

  #intro-subline {display: none;}*/
}