/*
Theme Name: Interior Designs
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: Ujjwal Bera
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.col-md-3 .innerserviceboix .dsericon span {

	width: 82px;
    height: 82px;
    line-height: 82px;
}

.col-md-3 .innerserviceboix .dsericon span:before {
 content: "";
 width: 0px;
 height: 0px;
 position: absolute;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-top: 10px solid var(--color-theme);
 border-bottom: 10px solid transparent;
 right: 45%;
 bottom: -15px;
 
}

.col-md-3 .innerserviceboix.item2 .dsericon span:before {
 content: "";
 width: 0px;
 height: 0px;
 position: absolute;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-top: 10px solid var(--color-base);
 border-bottom: 10px solid transparent;
 right: 45%;
 bottom: -15px;
}
@media (min-width: 1000px)
{
  
  .container {
      max-width: 1250px;
  }

}

.mobilelogo {
    padding-right: 50px;
    padding-top: 10px;
  }


  .floatfrom{
  position:fixed;
  top:50%;
  right:-650px;
  transform:translateY(-50%);
  width:650px;
  height:auto;
  padding:40px;
  background:#fff;
  box-shadow: 0 20px 50px rgba(0,0,0,.5);
  box-sizing:border-box;
  transition:0.5s;
  z-index: 9999;
}
.floatfrom.active{
  right:0;
}

.floatbutton.active {
  right:574px;
  transition:0.5s;
}



@media (max-width: 1234px)
{
  
  .menu > ul > li a {
      padding: 1.5em 1.5em!important
  }

}



.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
    -ms-touch-action: auto!important;
        touch-action: auto!important;
}

@media (max-width: 767px)
{
  
  .container > .row > .pr-0 {
    padding-right: 15px !important;
  }

  .container > .row > .pl-0 {
    padding-left: 15px !important;
  }

}
/* Images */
    
.img-responsive{display: block;max-width: 100%;height: auto;margin: 0px auto;}
.img-circle { border-radius: 50%; }    
    
/* Comments */

textarea, input {border:1px solid #e4e4e4;}
textarea {width:100%;}
.comment-list, .children{list-style:none;}
ul.children {list-style:none;padding-left:0px; margin-left:0px;}
.comment-wrap { border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 50px; position:relative; }
.comment-wrap .comments-title{padding-top:60px;}
.comment-wrap .comment-img { float: left; margin-right: 20px; padding-bottom:25px;}
.comment-author {text-align:left;}
.comment-reply {position:absolute;top:0px;right:0px;font-style:italic; padding:5px 5px;background:#f5f5f5;}
.comment-author,.comment-author a{font-size: 14px;text-transform: uppercase; letter-spacing: 2px;margin-bottom:2px;}
.comment-date{font-size: 10px;text-transform: uppercase; letter-spacing: 2px;font-style:italic;display:block;padding-bottom:7px;}
.depth-2 .comment-wrap {padding-left:30px;}
.depth-3 .comment-wrap {padding-left:60px;}
.depth-4 .comment-wrap {padding-left:90px;}
.depth-5 .comment-wrap {padding-left:120px;}
.depth-6 .comment-wrap {padding-left:150px;}
.depth-7 .comment-wrap {padding-left:180px;}
.depth-8 .comment-wrap {padding-left:210px;}
.depth-9 .comment-wrap {padding-left:240px;}
.depth-10 .comment-wrap {padding-left:270px;}
#commentform #comment,#commentform #author,#commentform #email,#commentform #url{display:block;width:100%;}
#commentform input[type="submit"]{display:inline-block;padding:8px 15px;border:1px solid #e4e4e4;font-size: 10px;text-transform: uppercase;letter-spacing: 3px;background: #fff;margin-top:15px;}
#commentform input[type="submit"]:hover {background: #e2fcff;}
.title-line{border-top: 1px dotted #ccc;display: block;max-width: 30%;margin: 0 auto 25px;}

/* Responsive */

@media (max-width: 767px) {
    .comment-list, .children { padding-left: 0px; }
    .comment-wrap .comment-img { float: none;margin: 0px;width: 100%;padding-bottom: 0px; }
    .comment-img>img { display: block;margin: 0px auto; }
    .comment-author, .comment-author a, .comment-date { text-align:center; }
    .depth-2 .comment-wrap,.depth-3 .comment-wrap,.depth-4 .comment-wrap,.depth-5 .comment-wrap,.depth-6 .comment-wrap,.depth-7 .comment-wrap,.depth-8 .comment-wrap,.depth-9 .comment-wrap,.depth-10 .comment-wrap {padding-left:0px;}
    .comment-reply { position: relative; text-align: center; display: block; margin-top: 25px;}
}

.close-button {
    font-size: 28px;
    cursor: pointer;
}

.sidebar-floatnox .wpcf7-textarea {
  height: 120px!important;
}    

.menu-mobile.active:after {
  content: "\f2d7"!important;
}


@media (max-width: 1234px) {
  .menu > ul > li .sub-menu li a {
    padding: 0.0em 1.5em!important;
  }
}

.blogdesc p {
  height: 120px;
  overflow: hidden;
}

.pagination li:first-child {
  padding-right: 50px;
}

.social-sharing-container {
  float: right;
  display: inline;
  clear: none;
  text-align: right;
  height: 1em;
  line-height: 1;
  font-size: 1.5em;
  margin-top: -.1em;
  margin-right: 30px;
  a{
    color:$accent_color_3;
    &:hover{
      color:$accent_color_1;
    }
  }
}
#social-open-link {
   position: absolute;
   top: -9999px;
   left: -9999px;
}
.social-sharing-label { 
  -webkit-appearance: push-button;
  -moz-appearance: button; 
  display: inline-block;
  margin: 0;
  cursor: pointer;
  @include btn-ghost();
}

#social-sharing-container{
  @include transition(all .5s ease);
  opacity:1;

}

/* Toggled State */
#social-open-link:checked ~ #social-sharing-container {
    @include transition(all .5s ease);
  opacity:1;
}
#social-sharing-container a {
  color: #EC4400;
  font-size: 25px;
}


@media (max-width: 1000px) {
	.contacttopinfos > ul > li:first-child {
	    display: none;
	}
}