/*!
 * TavlaSolutions custom css
 * All rights reserved
 */

 @import url(https://fonts.googleapis.com/css?family=Share+Tech);

body .tavla {
	color: lightgrey;
}

body .grey {
	color: purple;
}

.tavla {
 	background: url(./media/rrx_pano.jpg) no-repeat center; /*Tavla purple - #2B3990*/
 	margin: 0 0 0 0;
 }

.img-tavla {
    width: 100%;
    max-width: 601px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.circle {
	width: 64px;
	height: 64px;


  -webkit-border-radius: 32px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
          border-radius: 32px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}

.tavla .circle:hover, .tavla .circle:focus {
	background-color: white;
}

.grey {
 	background: grey;
 }

 /* navbar tavla */
.navbar-tavla {
    background-color: #2B3990;
    border: none;
    margin: 0;
}
/* navbar height */
.navbar .navbar-tavla {
	min-height: 100px;
}
/* title */
.navbar-tavla .navbar-brand {
    color: #fff;
    font-family: "Share Tech", Arial, Helvetica, sans-serif;
    font-size: 26px;
    letter-spacing: 0.05em;
    padding: 0;
    margin-left: 50px;
}
.navbar-tavla .navbar-brand > img {
    display: inline;
}
.navbar-tavla .navbar-brand:hover,
.navbar-tavla .navbar-brand:focus {
    color: #fff;
}
.navbar-tavla .navbar-nav {
  margin: 7.5px -15px;
}
.navbar-tavla .navbar-nav > li > a {
  padding-top: 30px;
  padding-bottom: 30px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .navbar-tavla .navbar-nav {
    float: right;
    margin: 0 50px;
  }
  .navbar-tavla .navbar-nav > li {
    float: left;
  }
  .navbar-tavla .navbar-nav > li > a {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .navbar-tavla .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}

/* link */
.navbar-tavla .navbar-nav > li > a {
    color: #fff;
}
.navbar-tavla .navbar-nav > li > a:hover,
.navbar-tavla .navbar-nav > li > a:focus {
    color: #7B85C8;
    background-color: #2B3990;
}
.navbar-tavla .navbar-nav > .active > a,
.navbar-tavla .navbar-nav > .active > a:hover,
.navbar-tavla .navbar-nav > .active > a:focus {
    color: #D2A229;
    /* background-color: #E7E7E7; */
}
.navbar-tavla .navbar-nav > .open > a,
.navbar-tavla .navbar-nav > .open > a:hover,
.navbar-tavla .navbar-nav > .open > a:focus {
    color: #D2A229;
    /* background-color: #D5D5D5; */
}
/* caret */
.navbar-tavla .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-tavla .navbar-nav > .dropdown > a:hover .caret,
.navbar-tavla .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-tavla .navbar-nav > .open > a .caret,
.navbar-tavla .navbar-nav > .open > a:hover .caret,
.navbar-tavla .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-tavla .navbar-toggle {
    border-color: #DDD;
}
.navbar-tavla .navbar-toggle:hover,
.navbar-tavla .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-tavla .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-tavla .navbar-brand > img {
       height: 100%;
   }
    .navbar-tavla .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-tavla .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-tavla .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}

div.pseu:before {
	content: "";
	display: block;
	height: 80px;
	margin: -30 0 0;
}