/*-------------------------------------------------------------------------------------------

    CUSTOM CSS FOR STTOOLKIT
    
    I.  GENERAL

    II. PAGE BUILDER ELEMENTS + SHORTCODES FONT-END STYLESHEET

        1.  Accordions & Toggle
        2.  Tabs
        3.  Team Elements
        4.  Testimonials
        5.  Toggles
        6.  Videos
        7.  Images
        8.  Simple Gallery
        9.  Buttons
        10. Columns
        11. Services
        12. Icon Boxed
        13. Heading
        14. Notification
        15. Table
        16. Google Map
        17. Login Form
        18. Register Form
        19. User Profile
        20. Carousel
        21. Slider
        22. Divider
        23. Wocommerce
        24. Blog Posts
        25. Clients
        26. Icon List
        27. Pricing
        28. Contact Form
        29. Chart
        30. Progress bars
        31. CountTo

    III. WIDGETS

        1. ST Recent Posts
        2. ST Recent Comments
        3. ST Popular Post
        4. ST Twitter Widget
        5. ST Tab Content 

    IV. BOOTSTRAP HACK
    V. RESPONSIVE
-------------------------------------------------------------------------------------------*/


/*----------------------// I. GENERAL //--------------------------------------*/
    body.use-editor .page-content-wrapper{ padding: 0px; }
    body.use-editor .main-content{ padding-top: 40px; }
    body.use-editor .main-content.no-sidebar{ padding-bottom: 40px;}
    /*.section.last.first{ padding-bottom: 0px; }*/
    .main-content.no-sidebar .section.last.first{ padding-bottom: 40px; }
    .full-width-mod.has-custom > .rc-inside.rc-boxed >.bd-row,
    .full-width-mod.no-custom > .rc-inside.rc-boxed > .bd-row  {margin-left: -15px; margin-right: -15px; }
    .bd-row.lv-2 .lv-2.items-inside{ padding-left: 15px; padding-right: 15px;}


    .full-width-mod.has-custom > .rc-inside.rc-boxed >.bd-row > .item-inner{  padding-left: 15px; padding-right: 15px; }
    .section.boxed-mod .bd-row.lv-2{ margin-left: -15px; margin-right: -15px;}
    .section.g .bd-row.lv-1{ margin-left: 0px; margin-right: 0px;}
    .parallax-wrap{ position: relative; z-index: 10;}
    /*.section.full-width-mod{border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.1);}*/
    .carousel-indicators{bottom:0;}
    .bd-row.lv-1, .section .bd-row.lv-2 { margin-bottom: 40px; }
    .section.full-width-mod .bd-row.lv-2 > .items-inside{ padding-left: 15px; padding-right: 15px; }





/*----------------------// II. PAGE BUILDER + SHORTCODES //---------------------*/


/*----------// 1. Accordions & Toggle //----------*/


/*----------// 2. Tabs //----------------*/

    .nav-tabs > li > a { background: #F9F9F9;; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 1px solid #D3D3D3; margin-right: 0px; border-bottom: none 0px !important; }
    .nav-tabs > li > a:hover{ border: 1px solid #D3D3D3; } 
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 1px solid #D3D3D3; }
    .st-tabs .tab-title .icon-tab { max-width: 15px; max-height: 15px; display: inline-block; margin: 0 7px 0 0; font-size: 14px; vertical-align: middle; }
    .st-tabs .tab-title .icon-img img { max-width: 15px; max-height: 15px; }
    .st-tabs .tab-title a{color:#777777;}
    .st-tabs .tab-title a:hover{color:#222222;}
    /* Tab Left + Right */


    .st-tabs .tab-content{ border-image: none; border-style: solid; border-width: 1px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D3D3D3; box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.1); clear: both; padding: 20px ; } 
    .position-top.st-tabs .tab-content{ border-top: none; }
    .position-top.st-tabs .nav-tabs > li{ border-bottom: 1px solid #D3D3D3; margin-bottom: -1px; }
    .position-top.st-tabs .nav-tabs > li.active{ border-bottom: 1px solid #FFFFFF; margin-bottom: -1px; }
    .position-top.st-tabs .nav-tabs > li > a,
    .position-top.st-tabs .nav-tabs > li > a:hover,
    .position-top.st-tabs .nav-tabs > li > a:focus{ border-right: 0px; margin-bottom: 0px; }
    .position-top.st-tabs .nav-tabs > li:last-child > a{ border-right: 1px solid #D3D3D3; }
    .position-top.st-tabs .nav-tabs > li.active > a,
    .position-top.st-tabs .nav-tabs > li.active > a:hover,
    .position-top.st-tabs .nav-tabs > li.active > a:focus,
    .position-top.st-tabs .nav-tabs > li.active > a:active{ border-bottom-color: #fff; } 
    .st-tabs.position-left .tab-content, .st-tabs.position-right .tab-content{ display: table-cell; height: 100%; border-color:  #DDDDDD ; }
    .st-tabs.position-left .nav.nav-tabs  li a{ margin-right: -1px;  }
    .st-tabs.position-left .nav.nav-tabs  li.active a{ border-right:  none; border-color:  #DDDDDD transparent  #DDDDDD #DDDDDD ; }
    .st-tabs.position-right .nav.nav-tabs  li a{ margin-left: -1px;  }
    .st-tabs.position-right .nav.nav-tabs  li.active a{ border-left:  none; border-color:  #DDDDDD  #DDDDDD #DDDDDD  transparent; }
    .st-tabs.position-left .nav.nav-tabs  li,
    .st-tabs.position-right .nav.nav-tabs  li{  border-bottom: 1px solid #D3D3D3; }
    .st-tabs.position-left .nav.nav-tabs li a,.st-tabs.position-right .nav.nav-tabs li a{border-radius: 0px;}


/*----------// 3. Team Elements //-------*/
    .about-info-inner{ padding-left: 20px; padding-right: 20px;}



/*----------// 4. Testimonials //--------*/
    body .st-testimonial-content{ margin-left: 0px; margin-bottom: 10px; }
    body .st-testimonial-slider.carousel .carousel-indicators{ left: 0px;  width: 100%; text-align:  center;  }
    body .st-testimonial-meta{ margin-left: 0px; text-align:  center;}
    body .st-testimonial-meta .comma{ margin-right: 4px;}
    body .st-testimonial-slider.carousel{ padding-bottom: 40px; text-align:  center; }
    body .st-testimonial-slider  .carousel-indicators{ padding-top: 10px; }


/*----------// 5. Toggles //-------------*/


/*----------// 6. Videos //-------------*/
    .st-video iframe, .st-video object ,.st-video embed{ width: 100%; }


/*----------// 7. Images  //-------------*/


/*----------// 8. Simple Gallery  //-----*/


/*----------// 9. Buttons  //------------*/
    .btn{ border:none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.1); padding: 6px 12px; }
    .btn-default{ background: #aaaaaa;color:#ffffff; }
    .btn-sm{border-radius: 2px;}
    .btn-normal{border-radius: 3px;padding:9px 13px}
    .btn-lg{border-radius: 3px;font-size: 16px;padding:13px 15px;}
    .btn-color:hover{background: #aaaaaa;color:#ffffff;}
    .btn i{margin-right:3px;}


/*----------// 10. Columns  //-----------*/


/*----------// 11. Services //-----------*/


/*----------// 12. Icon Boxed //---------*/
    .icon-iconbox i { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; color:#FFF; display: inline-block; cursor: default; margin: 0 15px 15px 0; width: 90px; height: 90px; border-radius: 50%; text-align: center; position: relative; z-index: 1; text-align: center; }
    .icon-iconbox i:before{ display: table-cell; font-size: 48px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 90px; text-transform: none; width: 90px; height: 90px; text-align: center; vertical-align: middle; -webkit-font-smoothing: antialiased; }
    .icon-iconbox i:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } 
    /* Effect */
    .st-iconbox .icon-iconbox i:after { background: none repeat scroll 0 0 #FFFFFF; left: -2px; padding: 2px; top: -2px; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; z-index: -1; }
    .st-iconbox .icon-iconbox i:hover:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; }
    .st-iconbox.icon-small .icon-iconbox i { width: 30px; height: 30px;  font-size: 16px; line-height: 32px; margin: 0px 0px; }
    .st-iconbox.icon-small.icon-align-top .icon-iconbox i { margin-right: 15px; }
    .st-iconbox.icon-small .icon-iconbox i:before { width: 30px; height: 30px;  font-size: 16px; line-height: 30px;  }
    .st-iconbox.icon-medium .icon-iconbox i { width: 50px; height: 50px;  font-size: 35px; line-height: 40px; margin: 0px 0px; }
    .st-iconbox.icon-medium .icon-iconbox i:before {  display: table-cell; font-size: 35px; height: 50px; line-height: 50px; vertical-align: middle; width: 50px; }
    .stpb-iconbox .icon-small .iconbox-title{line-height: 31px; margin-bottom: 0;} 

/*----------// 13. Heading //------------*/
    .heading_light{font-weight: 100;}
    .heading_light strong{font-weight: 600}
    .stpb-heading h1,.stpb-heading h2{font-weight: 100;}
    .heading.border-bottom{ background: url("/wp-content/themes/Sonec/assets/images/border-x.jpg") repeat-x scroll left bottom transparent;margin-bottom: 0px; padding-bottom: 10px; text-transform: uppercase; }

    .heading-middle{ display: table; width: 100%; }
    .heading-middle .heading{   vertical-align: middle;  white-space: pre; }
    .heading-middle .sep-container{ display: table-cell; width: auto; vertical-align:  middle; width: 100%; height: 100%; }
    .heading-middle .sep-container .line{  height: 1px; background: #cccccc; display:  block; width: 100%; margin-top: 4px; }

    .border-middle.align-default .heading, .border-middle.align-left .heading{ float:  left;margin-right: 15px;}
    .heading-middle .sep-container:before { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #CCCCCC; border-radius: 30px; content: ""; display: block; height: 10px; position: absolute; width: 10px; }
    .heading-middle.align-center .heading{ display: table-cell; }
    .heading-middle.align-center .sep-container{ width: 50%; }

/*----------// 14. Notification //-------*/


/*----------// 15. Table //--------------*/


/*----------// 16. Google Map //---------*/


/*----------// 17. Login Form //---------*/


/*----------// 18. Register Form //------*/


/*----------// 19. User Profile //-------*/


/*----------// 20. Carousel //-----------*/


/*----------// 21. Slider //-------------*/


/*----------// 22. Divider //-------------*/
    .st-divider { height: 0; display: block; }
    .st-divider.st-divider-space { height: 40px; }
    .st-divider.st-divider-border { padding: 2px 0 0 0; margin: 25px 0 25px 0; background: url("/wp-content/themes/Sonec/assets/images/border-x.jpg") repeat-x scroll left bottom transparent;border:none;}



/*----------// 23. WooCommerce //--------*/


/*----------// 24. Blog Posts //---------*/


/*----------// 25. Clients //------------*/


/*----------// 26. Icon List //----------*/

    
/*----------// 27. Pricing Box //----------*/
    .pricing-box-item .pricing-box-inner  .bold{  font-weight: bold;}


/*----------// 28. Contact Form //----------*/


/*----------// 29. Charts //----------*/
    .st-chart .percent i:before{width: auto;margin:0px !important;}

/*----------// 30. Progress bar //----------*/
.progress-bar-wrap .tooltip{ z-index: inherit;}


/*----------------------// III. CUSTOM WIDGET //---------------------*/

/*----------// 1. ST Recent Posts //----------------*/


/*----------// 2. ST Recent Comments //-------------*/


/*----------// 3. ST Popular Posts //---------------*/


/*----------// 4. ST Twitter Widget //--------------*/
    .twitter-update ul li{padding:0px 0px 13px 30px;background: url('/wp-content/themes/Sonec/assets/css/assets/images/twitter-list.png') no-repeat left 8px;font-size: 15px;}
    .twitter-update ul li:last-child{padding-bottom:0px;}


/*----------// 5. ST Tab Content //-----------------*/


/*----------------------// IV. BOOTSTRAP HACK //--------------------*/

/*----------// 1. Form & Input //----------------*/