/* 
 Theme Name:     InTouch Electronics
 Author:         No Hands Design
 Author URI:     http://www.nohandsdesign.com.au
 Template:       Divi
 Version:        1.0 
 */ 

 /* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

.et_pb_fullwidth_portfolio .et_pb_portfolio_image.landscape {
    height: 100% !important;
}

/*-----------------------------------------------------------------------------*/
/*-----Filterable Portfolio with Custom Columns & Image Sizes by Divi Soup-----*/
/*-----------------------------------------------------------------------------*/
.et_pb_fullwidth_portfolio.et_pb_fullwidth_portfolio_carousel.et_pb_module.et_pb_bg_layout_dark.et_pb_fullwidth_portfolio_0 h2 {
    color: black !important;
}
.page-id-700 p:last-of-type {
    padding-bottom: 10px;
}
.et-pb-arrow-prev, .et-pb-arrow-next {
    color: black !important;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image {
height: 381px !important;
}
.et_pb_portfolio_item {
    text-align: center;
}
.et_pb_portfolio_filter a.active {
    color: #242424 !important;
}
.et_pb_portfolio_filters ul.clearfix {
    display: inline-block;
    width: 100%;
}
/*Set number of columns and margin for the images*/
@media (min-width: 981px) {
    .et_pb_gutters3 .et_pb_column_4_4 .library-grid.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item,
    .et_pb_gutters3 .et_pb_column_4_4 .library-grid.et_pb_filterable_portfolio .et_pb_portfolio_item.active,
    .library-grid.et_pb_portfolio_grid .et_pb_portfolio_item,
    .et_pb_column_4_4 .library-grid.et_pb_grid_item:nth-child(1n) /*Change this number to value 4 in the calculator (don't remove the 'n')*/ {
        width: 49.00% !important; /*Change this number to value 3 in the calculator (don't remove the '%') */
        margin: 0 2% 2% 0; /*Change these numbers to values 1 & 2 in the calculator (don't remove the '%' or '0')*/
    }
}
/*Set number of columns and margin for the category filters*/
.library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
    float: left;
    /*margin: 0 3% 3% 0; Change these numbers to values 5 & 6 in the calculator (don't remove the '%' or '0')*/
    text-align: center;
    width: 33.3%; /*Change this number to value 7 in the calculator (don't remove the '%' )*/
}
.library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(5n) { /*Change this number to value 8 in the calculator (don't remove the 'n' )*/
    margin-right: 0;
}
/*This sets the width of the filter buttons on smaller screens, you really want to leave these as they are or your buttons will be too small*/
@media only screen and (max-width: 1280px) {
    .library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
        margin: 0 2% 2% 0;
        width: 32%;
    }
    .library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(3n+3) {
        margin-right: 0;
    }
}
@media only screen and (max-width: 767px) {
.global-footer .et_pb_bg_layout_dark {
    text-align: center;
}
.global-footer img {
    max-width:80%;
}

body:not(.home) h1 { font-size:25px;line-height:1.1em; }
    .library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
        margin: 0 2% 2% 0 !important;
        width: 49%;
    }
    .library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2n) {
        margin-right: 0 !important;
    }
}
@media only screen and (max-width: 479px) {
    .library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters {
        margin: -30px 0 40px !important;
    }
}
/*Ensures portfolio images display on mobile and tablets, you don't need to touch this*/
@media only screen and ( max-width: 980px) {
    .library-grid .et_portfolio_image img {
        width: 100%;
    }
}
/*--------------------------------------------------------------------*/
/*-----End Filterable Portfolio with Custom Columns & Image Sizes-----*/
/*--------------------------------------------------------------------*/


/* PROJECT HOVER / BORDERS */
.et_pb_column .dcm_2_col, .et_pb_column .dcm_3_col, .et_pb_column .dcm_4_col {
    padding-bottom: 25px;
}

.et_pb_column .dcm_2_col .btn_container a, .et_pb_column .dcm_3_col .btn_container a, .et_pb_column .dcm_4_col .btn_container a {
    padding: 14px 32px;
background: #020202;
    font-size: 1.2em;
}

.et_pb_portfolio_dcm_0 .et_pb_column:hover > .btn_container a {
    background-color: #000000 !important;
    color: #fff !important;
}

.btn_container a::after {
    color: #FFF;
    line-height: 1.7em;
    opacity: 1;
    margin-left: .3em;
    left: auto;
    display: inline-block;
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.7em;
    text-transform: none;
    speak: none;
    position: absolute;
    margin-left: .3em;
    font-size: 16px;
}

.et_pb_column .dcm_2_col:hover, .et_pb_column .dcm_3_col:hover, .et_pb_column .dcm_4_col:hover {
    transform: initial !important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)! important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12) !important;
}

/* TESTIMONIAL BORDERS */

.et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta {
    background: rgba(0, 0, 0, 0.62);
}



/* END TESTIM */

.et_pb_module.et_pb_logo_slider {
    margin-bottom: 0 !important;
}

.et_pb_slides .et_pb_container {
    min-height: 435px !important;
}

.et_pb_gallery_grid .et_pb_gallery_item img, .et_pb_portfolio_grid .et_pb_portfolio_item img, .et_pb_filterable_portfolio_grid .et_pb_portfolio_item img {
    min-width: 250px !important;
    min-height: 250PX !important;
}

.owl-carousel.owl-drag .owl-item {
    //width: 208px !important;
}

 .et-pb-arrow-prev, .et-pb-arrow-next {
    opacity: 1;
}
   .phonehide {
        display: none !important;
    }
.et_pb_fullwidth_portfolio:hover .et-pb-arrow-prev {
    left: -17px;
}

.et_pb_fullwidth_portfolio:hover .et-pb-arrow-next {
    right: -13px;
}

.et_pb_slides, .et_pb_slide, .et_pb_container {
    min-height: 100% !important;
    height: 100% !important;
}
.et_pb_module.et_pb_slider.et_pb_slider_fullwidth_off {
    height: 100%;
}

/* Service page split screen */

@media (max-width: 981px) {
    .fifty-split {
        border-bottom: 12px solid #fff;
    }
}


/* Menu Changes */
li#menu-item-97 {
    padding-right: 0;
}
nav#top-menu-nav, #top-menu, nav.fullwidth-menu-nav, .fullwidth-menu {
    float: right;
}

#main-header {
    padding: 13px 0;
}

.phoneme {
    display:none;
    float: right;
    font-size: 20px;
    padding-top: 4px;
    margin-right: 13px;
    z-index: 55;
    position: relative;
}

.phone_container {
    text-align: right;
}

body:not(.home) .phone_container {
    position: absolute;
    float: right;
    right: 0px;
    //top: 10px;
}



#top-menu li a {
    font-weight: bold !important;
    letter-spacing: 1px !important;
    word-spacing: 2px !important;
}

.et-fixed-header .phone_container { display:none; }

.phone_container .fa {
    margin-right:10px;
}

.phone_container a {
    color: #FFF;
    position:relative;z-index:99;
    font-size: 1.7em;
    margin-bottom: 36px;
    display: inline-block;
}

body:not(.home) .phone_container a {
    font-size: 1.3em;
    margin-bottom: 12px;
}

#et_top_search {
    margin-right: 0;
}
@media only screen and (max-width: 380px) {
    .home .et_fixed_nav #et-top-navigation {
        padding-left: 129px !important;
    }
    .home  #et_top_search {
        margin: 0 !important;
    }
}

@media only screen and (max-width: 1280px) and (min-width:480px) {
.home .et_pb_row_1 {
    max-width: 100% !important;
}
}

@media only screen and (max-width: 980px) and (min-width:480px) {

.tablethalf .et_pb_column_1 {
    position: relative;
    left: -9px;
}

.tablethalf .et_pb_column_2 {
    position: relative;
    left: 9px;
}

.tablethalf .et_pb_column {
    width: 50% !important;
}

}

@media only screen and (max-width: 980px) {

.hidebg {
    background-image: none;
    background: none;
}

.vertical-divider-right, .vertical-divider-left {
    border-right: 0 !important;
border-left: 0 !important;
 padding-left: 0 !important;
    padding-right: 0 !important;
}

.vertical-divider-right .et_pb_text, 
.vertical-divider-left .et_pb_text {
padding-right: 20px !important;
    padding-left: 20px !important;
}
    .phoneme {
        display:inline-block;
    }
    .phone_container { display:none; }
}

@media only screen and (min-width: 981px) and (max-width:1185px) {

    .et_header_style_left #et-top-navigation nav > ul > li > a, .home .et_header_style_split #et-top-navigation nav > ul > li > a {
        font-size: 11px;
    }
#top-menu li {
    padding-right: 14px;
}
}

@media only screen and (min-width: 981px) {
.et_fixed_nav #et-top-navigation {
    //padding-top: 74px;
}

body:not(.home) {
       padding-top: 120px;
}

.et_pb_column.et_pb_column_1_3.vertical-divider-right.et_pb_column_13 {
    margin-right: 1%;
    margin-left: 4%;
}

.et_pb_column.et_pb_column_1_3.vertical-divider-left.et_pb_column_15 {
    margin-left: -3%;
}

.home .et_pb_row.et_pb_row_0 {
    padding-top: 150px;
}

   .home  img#logo {
        max-height: 77.4px !IMPORTANT;
        top: -55px;
        position: relative;
    }
 
    .et_header_style_left #et-top-navigation nav > ul > li > a, .home .et_header_style_split #et-top-navigation nav > ul > li > a {
        padding-bottom: 40px !important;
    }

   .et-fixed-header #et-top-navigation nav > ul > li > a, .et-fixed-header #et-top-navigation nav > ul > li > a {
        padding-bottom: 20px !important;
    }

   .et-fixed-header #logo {
        top:0;
        max-height: 95%;
        height: 95%;
    }

    #main-header.et-fixed-header #logo {
height: 95%;
max-height:76.44px;
        padding-bottom: 0px;
    top: 0;
    }


  .home .container.et_menu_container {
        border-bottom: 1px solid #FFF;
    }

   .home    #main-header {
        padding: 13px 0;
         background-color: transparent;
    }

    #main-header.et-fixed-header {
        background: #100d20 !important;
    }

    #main-header.et-fixed-header .container.et_menu_container {
        border-bottom: 0px solid #FFF;
    }

  .et_fixed_nav.et_show_nav #page-container {
        padding-top: 0px !important;
        margin-top: -1px !important;
    }

}

/* Portfolio Slider */

.et-pb-arrow-prev {
    left: -10px;
}

.et-pb-arrow-next {
    right: -10px;
}