/*
Theme Name: omid rouhani architectural design
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: omid-rouhani-architectural-design
*/

/*------Home-Slider-Fade-Effect------------------------------------------------------------------------------------ */


.ui-loader.ui-corner-all.ui-body-a.ui-loader-default {
  display: none;
}



body {
  font-family: "Century Gothic",CenturyGothic,"Apple Gothic",sans-serif;
  font-size: 11px;
}
.top-strip img {
  max-width: 1000px;
}
.bottom-strip img {
  max-width: 1000px;
}#carousel-content > div {  text-align: left;}

.close-btn {
  padding-right: 20px;
}

#carousel-content > h5:first-child {
  display: block;
  font-weight: 600;
 
}
/*#carousel-content p{
  text-align: center;
}
#carousel-content p:last-child{
  text-align: left;
}*/
/*
#project-content > #carousel-content {
  text-align: center;
}
*/



.main-logo .img-responsive {
  width: 60px;
}
.main-logo{
    width: 60px;
    float: right;
}
.main-logo-container {
  height: 95px;
  padding-right: 60px;
}
.title-container {
  height: 23px;
  margin-top: 10px;
}
.site-title {
  margin: 0 auto;

  
}

#google-map iframe {
  width: 100%;
}



.img-responsive.project-image {
  margin: 0 auto;
}

.top-strip {
  margin-bottom: 10px;
  overflow: hidden;
}


.bottom-strip {
  margin-bottom: 10px;
  margin-top: 10px;
  overflow: hidden;
}


.site-title img {
  margin: 0 auto;
}

.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity 1s; /*adjust timing here */
         -moz-transition: opacity 1s;
           -o-transition: opacity 1s;
              transition: opacity 1s;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}







.carousel-control.right{
    background: none;
}
.carousel-control.left{
    background: none;
}











/*------Menu--------------------------------------------------------------------------------------- */












/* ------Project Page--------------------------------------------------------------------------------------- */
#project-content.container {
  font-size: 12px;
}


/* ------LightBOX--------------------------------------------------------------------------------------- */

.lightbox-container {
  background-color: #000000;
  height: 100%;
  padding-top: 10%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 111111;
}
.prev-img {

}
.next-img {
text-align: right;
}



.lightbox-controler-container {
  position: absolute;
  width: 100%;
}

.lightbox-controler {	 font-weight: 900;
  color: #000000;
  display: inline-block;
  font-size: 50px;
  padding-top: 40%;
  position: relative;
  width: 49%;
}
/* ------Menu--------------------------------------------------------------------------------------- */
.sub-menu {
  padding-left: 15px;
}


li.menu-item-has-children .item-a-out .arr-img {
  height: 10px;
  width: 10px;
}

 li.menu-item-has-children a .menu-item-text {
  background-image: url("img/arrow.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  display: inline-block;
  padding-left: 20px;
  color: #B8B8B8;
  height: 50px;
  line-height: 50px;
      font-size: 14px;
}





.menu-item .item-a-out {
  border-top: 1px solid #7b7474;
  height: 50px;
  list-style-image: none;
  list-style-type: none;
}

.sub-menu {
  padding-left: 0px;
}

#menu-left-navigation-menu{
    padding-left: 0px;
}

.sub-menu{
    display: none;
}
/*.sub-menu:hover{
  display: block;  
}*/
/*li:hover > .sub-menu{
    display: block;
}*/
li.menu-item-has-children.mselected a .menu-item-text{
}
.mselected > .sub-menu{
    display: block !important;
}
.mselected > .item-a-out .menu-item-text {
  color: #000000 !important;
  background-image: url("img/arrow_down.png");
}
.menu li .sub-menu .item-a-out {
  padding-left: 15px;
}

.menu li .sub-menu .sub-menu .item-a-out {
  padding-left: 30px;
}

.menu li .sub-menu .sub-menu .sub-menu .item-a-out {
  padding-left: 45px;
}

.menu li .sub-menu .sub-menu .sub-menu .sub-menu .item-a-out {
  padding-left: 60px;
}

.menu li .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .item-a-out {
  padding-left: 75px;
}

.menu li .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .item-a-out {
  padding-left: 90px;
}


/* ------Menu--------------------------------------------------------------------------------------- */

@media only screen and (orientation : landscape) { 
    /* STYLES GO HERE */ 
    .title-container {
  margin-top: -18px;
  position: relative;
  width: 370px;
}
}