/*
Theme Name: New CDA
Theme URI: http://www.cafedesartistesbali.com
Author: TuEdi
Author URI: http://www.balirealtyhv.com
Description: Default theme for CDA
Version: 1.0
*/

body{ font: Lato, sans-serif; color: #8a5900; }
h3, h4 { margin: 15px 0 15px 0; font-size: 20px; color: #111; }
h1.entry-title{ font-size: 32px; font-family: 'Raleway', sans-serif; color:#8a5900; }
h2{ font-size: 26px; font-family: 'Raleway', sans-serif; color:#8a5900; }
a, a:hover{color: #8a5900; text-decoration:none; }

.container { /*  padding: 40px 120px; */ }
.container p{ color: #000; }
.p_margin{ margin: 20px 0; }
.person { border: 10px solid transparent; margin-bottom: 25px; width: 80%; height: 80%; opacity: 0.7; }
.person:hover { border-color: #f1f1f1; }
.carousel-inner img { /*-webkit-filter: grayscale(90%); filter: grayscale(90%);  make all photos black and white */  width: 100%; /* Set width to 100% */ margin: auto; }
.carousel-caption h3 { color: #fff !important; }
@media (max-width: 600px) { 
.carousel-caption { display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */ }
}
p.email_icon, p.phone_icon{ padding-left: 40px; line-height: 32px; width: 230px; }
p.email_icon{ background:url(images/email_icon.png)no-repeat left; }
p.phone_icon{ background:url(images/phone_icon.png)no-repeat left; }
.bg-1 { background: #2d2d30; color: #bdbdbd; }
.bg-1 h3 {color: #fff;}
.bg-1 p {font-style: italic;}
.list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; }
.list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.thumbnail { padding: 0 0 15px 0; border: none; border-radius: 0; }
.thumbnail p { margin-top: 15px;  color: #555; }
.btn {  padding: 10px 20px; background-color: #333;  color: #f1f1f1;  border-radius: 0; transition: .2s; }
.btn:hover, .btn:focus { border: 1px solid #333;  background-color: #fff; color: #000; }
.modal-header, h4, .close { background-color: #333; color: #fff !important;  text-align: center; font-size: 30px; }
.modal-header, .modal-body { padding: 40px 50px; }
.nav-tabs li a { color: #8a5900; }
#googleMap { width: 100%; height: 400px; -webkit-filter: grayscale(100%);  filter: grayscale(100%); }
.acf-map { width: 100%; height: 235px; }
div.acf_location .acf-map { width: 100%; height: 450px!important; }
.navbar { position: sticky; top: 0; font-family: Raleway, sans-serif; margin-bottom: 0;  background:#000; border: 0; font-size: 18px; padding: 0; }
div.col-sm-6{ position:relative; }
div.img_cap{ position: absolute; top: 85%; left: 0; width: 100%; }
div.img_cap a{ color: #FFF; font-size: 18px; font-family:'Lato' sans-serif; }
 
.navbar-brand { float:none; }
.navbar li a, .navbar .navbar-brand { color: #ffd07a !important; }
.navbar-nav li a:hover { color: #fff !important; }
.navbar-nav li.active a { color: #fff !important; background-color: #29292c !important; }
.navbar-default .navbar-toggle { border-color: transparent; }
.navbar .navbar-nav { display: inline-block; float: none; }
.navbar .navbar-collapse { text-align: center; }

.navbar-fixed-top { margin:0 auto; left:0; right:0; }
div#header{ height: 155px; background-color:#000; text-align:center; padding-top:7px; }
div#header img{ position:relative; top: 5px; margin:0 auto; }

/* sidebar */
.nav-sidebar { position: sticky; top: 75px; width: 23%; padding: 8px 0; margin-top: 25px; float:right;  }
.nav-sidebar a { color: #333; -webkit-transition: all 0.08s linear; -moz-transition: all 0.08s linear; -o-transition: all 0.08s linear; transition: all 0.08s linear; }
.nav-sidebar .active a { cursor: default; background-color: #428bca;  color: #fff;  text-shadow: 1px 1px 1px #666;  }
.nav-sidebar .active a:hover { background-color: #428bca;   }
.nav-sidebar .text-overflow a, .nav-sidebar .text-overflow .media-body { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;  }
.nav-sidebar .nav>li>a { position: relative; display: block; padding: 10px 15px; border-bottom: 1px solid #8a5900; }

/* Right-aligned sidebar */
.nav-sidebar.pull-right { border-right: 0;  border-left: 1px solid #8a5900;  }
.nav-sidebar.pull-right a { -webkit-border-radius: 0 4px 4px 0;  -moz-border-radius: 0 4px 4px 0;  border-radius: 0 4px 4px 0;  }

.open .dropdown-toggle { color: #000; background-color: #555 !important; }
.dropdown-menu li a { color: #000 !important; }
.dropdown-menu li a:hover { background-color: red !important; } 
footer { background-color: #ffd07a; color: #000; padding: 32px; width:100%; }
footer a, footer p { color: #000; }
footer a:hover { color: #777; text-decoration: none; }  
.form-control { border-radius: 0; }
textarea { resize: none; }
div.mobile_logo{ display: none; }

/* content by edi  */

/* end */
  
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) { 
.navbar-fixed-top { position:fixed; }
.nav-sidebar { position: sticky; top: 150px; background-color:#fff; width: 100%; padding: 8px 0; margin: 25px 0; z-index: 99; }
.navbar { padding:7px; }
.carousel { position: relative; margin-top: 153px; }
.navbar-brand>img { width:75%; padding: 10px; }
.p_margin,.div_margin{ margin: 15px 0; }
div.img_cap{ position: absolute; top: 75%; left: 0; width: 100%; }
div.img_cap a{ color: #FFF; font-size: 16px; font-family:'Lato' sans-serif; }
div#header{ display:none; }
div.mobile_logo{ display: inherit; padding: 15px; }
.clear{ clear:both; }
}

@media (min-width: 768px) {
	.col-sm-6 { width: 50%; margin-bottom: 25px; }
	.navbar-brand img{ display:none; }
}
/* set it to 960 grid layout */
@media (min-width: 1200px) {
  .container { width: 960px; }
}