/*--------------------------------------------------------------
Shortcodes
--------------------------------------------------------------*/

/*---------- FREE ------------*/

/*Button*/
a.ig-button {
  display: inline-block;
  margin: 10px 5px;
  border:none;
  color:#444;
  font-weight:400;
  font-size: 1em;
  padding:5px 20px;
  text-decoration: none;
  cursor:pointer;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  transition: all 0.5s ease;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
 }
 a.ig-button.medium {
  font-size: 1em;
 }
 a.ig-button.small {
  font-size: .8em;
 }
 a.ig-button.large {
  font-size: 1.2em;
 }
 a.ig-button.gray {
  background: #eee;
     border:2px solid #eee;
  color:#666 !important;
 }
 a.ig-button.gray:hover {
  background: #dedede;
     border: 2px solid #dedede;
  color:#444!important;
 }
 a.ig-button.black {
  background: #444;
     border: 2px solid #444;
  color: #ddd!important;
 }
 a.ig-button.black:hover {
  background: #222;
  border:2px solid #222;
  color: #fff!important;
 }
a.ig-button.dark-blue {
  background: #34495e;
    border:2px solid #34495e;
  color: #dee8f4!important;
 }
 a.ig-button.dark-blue:hover {
  background: #2c3e50;
    border: 2px solid #2c3e50;
  color: #fff!important;
 }
 a.ig-button.violet {
  background: #9b59b6;
  border: 2px solid #9b59b6;
  color: #f2e1f0!important;
 }
 a.ig-button.violet:hover {
  background: #8e44ad;
   border: 2px solid #8e44ad;
  color: #fff!important;
 }
 a.ig-button.blue {
  background: #3498db;
     border: 2px solid #3498db;
  color: #d4e5f7!important;
 }
 a.ig-button.blue:hover {
  background: #2980b9;
     border: 2px solid #2980b9;
  color: #fff!important;
 }
 a.ig-button.red {
  background: #e74c3c;
     border: 2px solid #e74c3c;
  color:#fae3dc!important;
 }
 a.ig-button.red:hover {
  background: #c0392b;
     border: 2px solid #c0392b;
  color:#fff!important;
 }
 a.ig-button.green {
  background: #2ecc71;
     border: 2px solid #2ecc71;
  color:#e8f2e1!important;
 }
 a.ig-button.green:hover {
  background: #27ae60;
     border: 2px solid #27ae60;
  color:#fff!important;
 }
 a.ig-button.orange {
  background: #f39c12;
  border: 2px solid #f39c12;
  color: #fff5e9!important;
 }
 a.ig-button.orange:hover {
  background: #e67e22;
  border: 2px solid #e67e22;
  color:#fff!important;
 }

/*3d button*/
 a.ig-button.gray.puffy, a.ig-button.gray.puffy:hover {
  border-bottom:4px solid #dedede;
 }
 a.ig-button.black.puffy,  a.ig-button.black.puffy:hover {
  border-bottom: 4px solid #222;
 }
 a.ig-button.dark-blue.puffy,  a.ig-button.dark-blue.puffy:hover {
  border-bottom:4px solid #2c3e50;
 }
  a.ig-button.violet.puffy, a.ig-button.violet.puffy:hover {
  border-bottom: 4px solid #8e44ad;
 }
 a.ig-button.blue.puffy, a.ig-button.blue.puffy:hover {
  border-bottom: 4px solid #2980b9;
 }
 a.ig-button.red.puffy, a.ig-button.red.puffy:hover {
  border-bottom: 4px solid #c0392b;
 }
  a.ig-button.green.puffy, a.ig-button.green.puffy:hover {
  border-bottom: 4px solid #27ae60;
 }
 a.ig-button.orange.puffy, a.ig-button.orange.puffy:hover {
  border-bottom:4px solid #e67e22;
 }

/*clean button*/

a.ig-button.clean {
  background: none!important;
 }
 a.ig-button.gray.clean {
  border:2px solid #eee;
  color:#666 !important;
 }
 a.ig-button.gray.clean:hover {
  border: 2px solid #dedede;
  color:#444!important;
 }
 a.ig-button.black.clean {
  border: 2px solid #444;
  color: #444!important;
 }
 a.ig-button.black.clean:hover {
  border:2px solid #222;
  color: #222!important;
 }
a.ig-button.dark-blue.clean {
border:2px solid #34495e;
  color:  #34495e!important;
 }
 a.ig-button.dark-blue.clean:hover {
  border: 2px solid #2c3e50;
  color: #2c3e50!important;
 }
 a.ig-button.violet.clean {
  border: 2px solid #9b59b6;
  color: #9b59b6!important;
 }
 a.ig-button.violet.clean:hover {
  border: 2px solid #8e44ad;
  color: #8e44ad!important;
 }
 a.ig-button.blue.clean {
  border: 2px solid #3498db;
  color: #3498db!important;
 }
 a.ig-button.blue.clean:hover {
  border: 2px solid #2980b9;
  color: #2980b9!important;
 }
 a.ig-button.red.clean {
  border: 2px solid #e74c3c;
  color:#e74c3c!important;
 }
 a.ig-button.red.clean:hover {
  border: 2px solid #c0392b;
  color:#c0392b!important;
 }
 a.ig-button.green.clean {
  border: 2px solid #2ecc71;
  color:#2ecc71!important;
 }
 a.ig-button.green.clean:hover {
  border: 2px solid #27ae60;
  color:#27ae60!important;
 }
 a.ig-button.orange.clean {
  border: 2px solid #f39c12;
  color: #f39c12!important;
 }
 a.ig-button.orange.clean:hover {
  border: 2px solid #e67e22;
  color:#e67e22!important;
 }

/*Notice*/
.ig-notice {
    display:inline-block;
    padding:1em;
    margin:1em 0;
    width:100%;
 }
 .ig-notice.gray {
    background: #eee;
 }
 .ig-notice.yellow {
    background: #fef6d2;
 }
 .ig-notice.green{
    background: #edfcd5;
 }
  .ig-notice.red{
    background: #ffd9c8;
 }

/*Login*/
#ig-login {
    padding:1em;
    margin:1em 0;
    border:1px solid #dedede;
 }
#ig-login input#user_pass, #ig-login input#user_login{
    width:90%;
    display: block;
 }

/*Columns*/
 .ig-columns {
     display: inline-block;
     width: 100%;
     clear: both;
}
 .ig-column {
     display:inline-block;
     margin:1%;
 }
 .first {
     margin-left: 0;
 }
 .last {
     margin-right: 0;
 }
 .ig-column.half {
     width: 48%;
     float:left;
 }
 .ig-column.one-third{
     width: 31.3%;
     float:left;
 }
 .ig-column.one-fourth{
     width: 23%;
     float:left;
 }

/*Clearfix*/
 .ig-clearfix{
     clear:both;
 }

 /*Divider*/
 .ig-divider{
     border: 0;
     height: 1px;
     width:100%;
     margin: 20px 0;
     display:block;
     background: none;
     border-bottom:1px solid #dedede;
 }
 .ig-divider.fade{
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(222,222,222,1) 25%, rgba(222,222,222,1) 75%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(25%,rgba(222,222,222,1)), color-stop(75%,rgba(222,222,222,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(222,222,222,1) 25%,rgba(222,222,222,1) 75%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(222,222,222,1) 25%,rgba(222,222,222,1) 75%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(222,222,222,1) 25%,rgba(222,222,222,1) 75%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(222,222,222,1) 25%,rgba(222,222,222,1) 75%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    border-bottom:none;
 }
  .ig-divider.dotted{
    background: none;
    border-bottom:2px dotted #dedede;
 }
 .ig-divider.dashed{
    background: none;
    border-bottom:1px dashed #dedede;
 }

/* Tabs */
.ig-shortcode-tabs {
    overflow: hidden;
    margin: 20px 0;
    }
.ig-shortcode-tab-buttons {
    width: 100%;
    z-index: 10;
    display:block;
    }
body .ig-shortcode-tab-buttons a {
    display:inline-block;
    border: 1px solid #ddd;
    background:#fff;
    margin-right:5px;
    color: #888;
    text-decoration: none;
    padding:.5em 1em;

    }
.ig-shortcode-tab-buttons a.active {
    border-bottom:1px solid #FFF;
    color:#444;
    }
.ig-shortcode-tabpane {
    border:1px solid #ddd;
    background:#fff;
    padding:1em;
    margin-top:-1px;
    }

/*Toggle*/
.ig-shortcode-toggle {
    margin: 20px 0;
    display: block;
    border: 1px solid #DDD;
    }
.ig-shortcode-toggle-active {
    border-color: #DDD;
    }
.ig-shortcode-toggle h3.toggle-heading {
    background:#f9f9f9;
    cursor: pointer;
    display: block;
    font-size: 1em;
    position: relative;
    padding: .5em 1em;
    margin: 0px;
    font-weight: normal;
    }
.ig-shortcode-toggle h3.toggle-heading:after {
    content:'+';
    float:right;
    color: #ccc;
    }
.toggle-active h3.toggle-heading:after {
    content:'-';
    float:right;
    color: #ccc;
    }
.ig-shortcode-toggle .toggle-content {
    border-top: 1px solid #EEE;
    background:#fff;
    padding: 20px 20px 20px 20px;
    }
.ig-shortcode-toggle .toggle-content {
    display: none;
    }

/* Accordion */

.ig-shortcode-accordion {
    margin: 20px 0;
}
.ig-shortcode-accordion .ig-shortcode-toggle {
    margin: -1px 0 0 0;
}

/* Heading */
h2.ig-heading {
    color:#444;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    padding: .5em;
    margin-bottom: 20px;
    display: block;
}
h2.ig-heading.normal {
    border-top: 2px solid #EEE;
    border-bottom: 2px solid #EEE;
}
h2.ig-heading.dotted {
    border-top: 2px dotted #ddd;
    border-bottom: 2px dotted #ddd;
}
h2.ig-heading.boxed {
    border: 2px solid #EEE;
    background:#f6f6f6;
}
h2.ig-heading.center {
    text-align: center;
}
h2.ig-heading.right {
    text-align: right;
}
h2.ig-heading.left {
    text-align: left;
}

/* Icons */
.genericon.normal {
    font-size: 22px;
}
.genericon.medium {
    font-size: 40px;
    vertical-align: middle;
}
.genericon.large {
    font-size: 60px;
    vertical-align: middle;
}

/*---------- PREMIUM ------------*/
/*Login*/
#ig-login {
    padding:1em;
    margin:1em 0;
    border:1px solid #dedede;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%,#f5f5f5 100%);
 }
#ig-login input#user_pass, #ig-login input#user_login{
    width:90%;
    display: block;
 }

/*Protect*/
.ig-protect {
    border: 1px solid #dedede;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%,#f5f5f5 100%);
    padding:1em;
    margin:1em 0;
    display:block;
    width:100%;
 }
.ig-protect .genericon-key{
    font-size: 16px;
    line-height: 1;
    padding:2px;
    border:1px solid #F7CA18;
    background:#F5D76E;
    margin-right: 8px;
    color:#fefff4;
    margin-right: 8px;
 }
 /*Author info*/
 .ig-author {
    display:inline-block;
    clear:both;
    border:1px solid #dedede;
    padding:1em;
    margin:1em 0;
 }
 .ig-author img.avatar {
    float:left;
    width:80px;
    height:80px;
    margin-right:20px;
    display:inline-block;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
 }
 .ig-author .description {
     width:80%;
     float:right;
     display:inline-block;
 }
 .ig-author h3 {
     text-transform:capitalize;
     margin:0 0 10px 0 !important;
 }


/*Price table*/
 .ig-pricing-table {
     display: inline-block;
     width: 100%;
     clear: both;
}
 .ig-pricing {
     border:1px solid #dedede;
     background:#fff;
     text-align:center;
     margin:0 1%;
     padding:13px;
 }
 .first {
     clear:left;
     margin-left:0;
 }
 .last {
     clear:right;
     margin-right:0;
 }
 .ig-pricing.half {
     width: 46% !important;
     float:left;
 }
 .ig-pricing.one-third{
     width: 31.3% !important;
     float:left;
 }
 .ig-pricing.one-fourth{
     width: 23% !important;
     float:left;
 }
 .ig-pricing ul {
     margin:0 !important;
     list-style:none !important;
 }
 .ig-pricing ul li {
     border-bottom: 1px solid #eee;
     padding:.5em 0;
 }
 .ig-pricing .title h3  {
     font-size:1.2em;
     margin:0;
     padding-bottom: 5px;
 }
.ig-pricing .price {
    padding-bottom: 10px;
    border-bottom: 4px solid #eee;
}
.ig-pricing .content {
    padding:10px;
}
.ig-pricing a.ig-button {
    margin:1em 0;
    border: 4px solid #eee;
    color:#666;
}
.ig-pricing a.ig-button:hover {
    margin:1em 0;
    border: 4px solid #dedede;
    color:#444;
}

/*Testimonial*/
 .ig-testimonials {
     display: inline-block;
     width: 100%;
     clear: both;
}
 .ig-testimonial{
    text-align:center;
    margin:0 1%;
 }
 .ig-testimonial-name {
     font-weight:bold;
 }
 .ig-testimonial .content{
     border:1px solid #dedede;
     padding:1em;
     display:block;
     margin:0 0 10px 0px;
     background-color: #fff;
     border: 1px solid #e5e5e5;
    -moz-box-shadow: 0px 2px 0px #eee;
    -webkit-box-shadow: 0px 2px 0px #eee;
    box-shadow: 0px 2px 0px #eee;
    position: relative;
    z-index: 10;
 }
 .ig-testimonial .content:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    border-left: 0;
    border-top: 0;
}
 .first {
     clear:left;
     margin-left:0;
 }
 .last {
     clear:right;
     margin-right:0;
 }
.ig-testimonial.half {
     width: 49% !important;
     float:left;
 }
.ig-testimonial.one-third{
     width: 31.3% !important;
     float:left;
 }
.ig-testimonial.one-fourth{
     width: 23% !important;
     float:left;
 }

/*Widget*/
.ig-widget{
    display:block;
    clear:both;
 }
.ig-widget h2.widgettitle{
    font-size: 1.2em;
    margin-bottom: .5em;
 }
.ig-widget .widget_calendar {
 }
.ig-widget .widget_calendar caption{
    padding-bottom:.5em;
     text-align: center;
 }
.ig-widget .widget_calendar td, .ig-widget .widget_calendar th{
    text-align: center;
    background:#f6f6f6;
    border: 1px solid #fff;
    padding: 5px;
 }
.ig-widget .widget_calendar tfoot {
    display:none;
 }
.ig-widget ul li{
   margin:0;
   padding: .3em 0;
   font-size: 1em;
 }
.ig-widget .widget_recent_comments li.recentcomments:before{
   font-family: "Genericons";
   content: '\f300';
   margin-right: 5px;
   color:#ccc;
}
/*Related posts*/
.single .relatedposts .relatedthumb {
    display:inline-table;
    width: 30%;
    margin:10px 15px 0px 0px;
}

/***************************************
CSS Responsive Document */


@media screen and (max-width: 767px) {
.ig-column,  .ig-pricing, ig-testimonial {
     width: 100% !important;
     margin:0;
 }

}
