/*Theme Name: Tayp.org
Theme URI: www.iway-tn.com
Description: TAYP wordropess cutom
Version: 1.0 or any other version you want
Author: IWAY
Author URI: www.iway-tn.com
Tags: TAYP, iway
*/

#pagination {
    margin: 0 0 30px;
    padding: 20px 0;
}

#pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#pagination li {
    background: none;
    display: inline;
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
}

#pagination li span,#pagination li a {
    text-align: center;

    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: block;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    width: 12px;
    height: 12px;
    padding: 8px;
}

#pagination li span {
    background: #ccc;
    color: #222;
    text-shadow: 1px 1px 0 #ddd;
}

#pagination li a {
    background: #525252;
    color: #fff;
}

#pagination li a:hover {
    text-decoration: none;
}

.mix-filter .btn.active{
    background-color: #de3237;
    color: #FFF !important;
}

/*overrides*/
form em{color: #de3237;}

div.filters .active{
    color: #de3237;
    background-color: rgba(0,0,0,0.3);
}

.og-details p{color: #666}

div.um{opacity: 1;}

div.og-details h3 {padding: 0px 0 0px;}

/*gallery*/
.grid-item {
    width: 180px;
    height: 120px;
    float: left;
}
.grid-item,
.grid-sizer {
    width: 20%;
}
.masonry-gallery p{display: none}


/*helpers*/
.line-height-150{line-height: 150px !important;}
.bg-grey img{background-color: #E6E6E6}
.font-16{font-size: 16px;}
.helvetica{font-family: Helvetica,Arial,sans-serif !important;}
.raleway{font-family: 'Raleway','Open Sans',Arial,Helvetica,sans-serif;}
.dark2{background-color: #293342;}

/*custom carousel*/
.custom-controls .owl-buttons div{
    color: #121212;
    background: #fff;
    border: #fff 1px solid;
    opacity: 1;
    filter: Alpha(Opacity=100);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 2;
}
.custom-controls .prev,.custom-controls .next{
    background-image:none !important;
    border:1px solid #ccc;
    color:#ccc;
    font-size:34px;
    line-height:55px;
    height:auto !important;
    width:56px !important;
    text-align:center;
    background-color:rgba(0,0,0,0.2);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition: all .400s;
    -moz-transition: all .400s;
    -o-transition: all .400s;
    transition: all .400s;
}
.custom-controls .prev{
    margin-left: 10px;
    position: absolute;
    top: 50%;
    margin-top: -28px;
    right: auto;
    left: -50px;
    zoom: 1;
    width: 36px;
    height: 36px;
}
.custom-controls .next{
    position: absolute;
    top: 50%;
    margin-top: -28px;
    left: auto;
    right: -41px;
    zoom: 1;
    width: 36px;
    height: 36px;
    /*opacity: 0;*/
}
div.owl-carousel .owl-item{
    /*float: none;*/
    display: inline-block;
}

/*projects*/
.owl-item .item-box h4{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
}
.owl-item .item-box h4 span{
    color: white;
    font: bold 16px/27px Helvetica, Sans-Serif;
    letter-spacing: -1px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
}
div.owl-carousel.buttons-autohide .owl-buttons{opacity: 1;}

.project-member .owl-item .media-body h4{line-height: 18px;}

/*TEAM*/
.mix-grid-team.og-grid li {margin: 0 0px 3px 0;}
.mix-grid-team div.og-expander{width: 96.9%;left: 15px;}

.btn-circle {
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.status-center {text-align: center;}

.container ul.blog-post-info li>a{color: #666;}
.container ul.blog-post-info li>a span{font-weight:400;}

div.inews-content-inner h3>a{color: #fff!important;}

div.cd-horizontal-timeline .timeline{max-width: 600px;}
div.cd-horizontal-timeline .events a::after {width: 14px;height: 14px;}
ul.cd-timeline-navigation a{width: 38px;height: 38px;}

//separateur
.gap {
  display: block;
  position: relative;
  margin: 30px 0 30px 0;
  clear: both;
}
.gap:after {
  clear: both;
  content: '';
  display: table;
}
.gap-small {
  margin: 15px 0 15px 0;
}
.gap-mini {
  margin: 10px 0 10px 0;
}
.gap-big {
    margin: 60px 0 60px 0;
}

.box-red1{background-color: #b92c28;}
.box-red2{background-color: #d33834;}
.box-red3{background-color: #d9524f;}
.box-red-padding{padding:50px 8px 30px 8px}


@media only screen and (min-width: 344px) and (max-width:466px) {

    .btn-group.mix-filter button.filter {
        font-size: 12px;
    }
}
@media only screen and (max-width:343px) {

    .btn-group.mix-filter button.filter {
        font-size: 10px;
    }
}
@media only screen and (max-width:410px) {

    div.heading-title div.btn-group a.btn {
        font-size: 11px;
    }
}
@media only screen and (min-width:768px) {
    #og-grid div.og-expander {
        width: auto;
        margin: 0 15px;
    }


}
@media only screen and (max-width:767px) {
    .box-red-padding{margin-bottom: 45px;}
    .box-red-padding.box-red-last{margin-bottom: 0!important;}
}
.mix-grid-team div.og-expander {
    width: 100%;
    left: 0px; 
    z-index: 100;
}
#og-grid li.col-xs-6,#og-grid li.col-sm-4,#og-grid li.col-md-3,#og-grid li.col-lg-2 {
    position: initial;
}
#og-grid .og-details{width: 90%;}
ul#og-grid  {text-align: center!important;}
@media only screen and (min-width:360px) and (max-width:929px) {
 ul.nav-second-main {    margin: auto!important;
    width: 255px;
    float: none!important;
    padding-left: 79px!important;    padding-top: 4px;}   
}
@media only screen and (max-width:359px) {
 ul.nav-second-main {    margin: auto!important;
    width: 220px;
    float: none!important;
    padding-left: 69px!important;    padding-top: 4px;}
 ul.nav-second-main .btn-group a.btn {
     font-size: 11px;
 }
 .um-col-1 .um-field-password label{font-size: 13px!important;}
}