/*
Theme Name:     id-child
Theme URI:      http://imagedirect.com.au/
Description:    Image Direct Boilerplate
Author:         Image Direct
Author URI:     http://imagedirect.com.au/
Template:       wordpress-bootstrap-master
Version:        2.0
*/

@import url("../wordpress-bootstrap-master/style.css");
@import url("assets/id-style.css");


/* ================ DO NOT EDIT ABOVE THIS LINE ======================*/

/* Change Background colour of Print tile - TJL */

#menu-mainnav li a {
    color: #fff;
}

li#menu-item-211 a {
    background-color: #00AAEE;
    background-image: -moz-radial-gradient(center, ellipse cover, #0099ff 0%, #0066cc 100%);
    background-image: -webkit-gradient(radial, center center, 0px, center center, 50%, color-stop(0%,#0099ff), color-stop(100%,#0066cc));
    background-image: -webkit-radial-gradient(center, ellipse cover, #0099ff 0%,#0066cc 100%);
    background-image: -o-radial-gradient(center, ellipse cover, #0099ff 0%,#0066cc 100%);
    background-image: -ms-radial-gradient(center, ellipse cover, #0099ff 0%,#0066cc 100%);
    background-image: radial-gradient(ellipse at center, #0099ff 0%,#0066cc 100%);
    border-color: #06c #06c #09e;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

li#menu-item-211 a:hover {
    background-color: #0099FF;
    background-image: radial-gradient(ellipse at center, #33CCff 0%,#0088F6 100%);
}

/* Change Background colour of Web tile - TJL */
li#menu-item-1294 a {
    background-color: #EE8800;
    background-image: -moz-radial-gradient(center, ellipse cover, #faa732 0%, #ee8800 100%);
    background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#faa732), color-stop(100%,#ee8800));
    background-image: -webkit-radial-gradient(center, ellipse cover, #faa732 0%,#ee8800 100%);
    background-image: -o-radial-gradient(center, ellipse cover, #faa732 0%,#ee8800 100%);
    background-image: -ms-radial-gradient(center, ellipse cover, #faa732 0%,#ee8800 100%);
    background-image: radial-gradient(ellipse at center, #faa732 0%,#ee8800 100%);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

li#menu-item-1294 a:hover {
    background-color: #EE8800;
    background-image: radial-gradient(ellipse at center, #FFCC66 0%,#FF9900 100%);
}

/* Change Background colour of Design tile - TJL */
li#menu-item-2267 a {
    background-color: #00AAAD;
    background-image: -moz-radial-gradient(center, ellipse cover, #00CBBB 0%, #00AAAD 100%);
    background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#00CBBB), color-stop(100%,#00AAAD));
    background-image: -webkit-radial-gradient(center, ellipse cover, #00CBBB 0%,#00AAAD 100%);
    background-image: -o-radial-gradient(center, ellipse cover, #00CBBB 0%,#00AAAD 100%);
    background-image: -ms-radial-gradient(center, ellipse cover, #00CBBB 0%,#00AAAD 100%);
    background-image: radial-gradient(ellipse at center, #00CBBB 0%,#00AAAD 100%);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

li#menu-item-2267 a:hover {
    background-color: #00AAAD;
    background-image: radial-gradient(ellipse at center, #44DDDD 0%,#00BBAD 100%);
}

/* Change Background colour of Office tile - TJL */
li#menu-item-209 a {
    background-color: #A8D130;
    background-image: -moz-radial-gradient(center, ellipse cover, #C5E355 0%, #A8D130 100%);
    background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#C5E355), color-stop(100%,#A8D130));
    background-image: -webkit-radial-gradient(center, ellipse cover, #C5E355 0%,#A8D130 100%);
    background-image: -o-radial-gradient(center, ellipse cover, #C5E355 0%,#A8D130 100%);
    background-image: -ms-radial-gradient(center, ellipse cover, #C5E355 0%,#A8D130 100%);
    background-image: radial-gradient(ellipse at center, #C5E355 0%,#A8D130 100%);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

li#menu-item-209 a:hover {
    background-color: #A8D130;
    background-image: radial-gradient(ellipse at center, #DDEE60 0%,#B5DD45 100%);
}

/*hover state changed*/
#menu-mainnav li a:hover {
    /*    background-image: none;*/
}

@media (min-width: 768px) and (max-width:768px){

    .navbar .brand {
        width: 140px;
        float: left;
    }

    .btn {
        padding: 15px 20px;
    }

    .widget .menu {
        text-align: left;
        margin: 0 0 10px 25px !important;
    }

}

@media (max-width:480px){

    .widget_wysiwyg_widgets_widget h1 {
        font-size: 180%;
    }

    .widget_wysiwyg_widgets_widget h2 {
        font-size: 130%;
    }

    .widget_wysiwyg_widgets_widget h3 {
        font-size: 100%;
    }

}



/*-----------------------------*/
/* @id-useability - DJC */
/*-----------------------------*/

div.wpcf7-mail-sent-ok::before,
div.wpcf7-validation-errors::before {
    font-family: fontAwesome;
    color: #fff;
    content: '\f00d';
    float: right;
}


div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    background-color: #398f14;
    color: #fff;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    padding: 25px;
    display: block;
    z-index: 999999;
}

div.wpcf7-validation-errors {
    border: 2px solid #e30;
    background-color: #e30;
    color: #fff;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    padding: 25px;
    display: block;
    z-index: 999999;
}

.post-edit-link {
    position: fixed;
    bottom: 10px;
    left: 10px;
    background: #222;
    padding: 1ex 1em;
    color: #fff;
    font-weight: bolder;
}
.post-edit-link:hover {
    color: #bbb;
}

/*2015 Christmas Card Landing Page*/

.post_content,
.hentry footer {
    clear: both;
}

.page-id-3457 .hentry .page-header h1 {
    color: #d00;
    font-weight: 900;
    font-size: 1.7em;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.75), 2px 2px 2px rgba(0,0,0,0.25);
    text-transform: uppercase;
}

.page-id-3457 h4 {
    font-weight: 900;
}

.id-xmas-list {
    font-size: 1em;
    list-style: none;
    text-transform: uppercase;
}

.id-xmas-list  {
    padding: 0;
    margin: 0;
}

.id-xmas-list li {
    margin: 0;
}

.id-xmas-list li::before {
    content: '\f005';
    font-family: fontAwesome;
    color: #dd0000;
    margin-right: 1em;
}


@media screen and (min-width: 768px) {
    .page-id-3457 .hentry .page-header h1 {
        font-size: 2.5em;
    }
    /*    #main article img.wp-image-3466 {
            max-width: 45%;
        }*/
    .id-xmas-list  {
        margin-left: 30px;
    }
}

@media screen and (min-width: 992px) {
    .page-id-3457 .hentry .page-header h1 {
        font-size: 4em;
    }

}

/*
* -------------------------------------------------------------------------
*
* Showcase
*
* -------------------------------------------------------------------------
*/
.module--wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

@media screen and (min-width: 768px) {
    .loop-showcase .module--thumbnail,
    .loop-showcase .module--content {
        -ms-flex-pack: center;
        -o-justify-content: center;
        -ms-justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}


/*
* -------------------------------------------------------------------------
*
* Notifications
*
* -------------------------------------------------------------------------
*/

body{
    /*padding-top: 190px;  added notification */
}
header .mastheader{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1020;
}

.id-notification{
    background-color: #F37B2F;
    color: #fff;
    text-align: center;
    margin: 0;
    border-radius: 0;
    border: 0;
}

.view-small{
    -webkit-transition: all 250ms ease-out .25s;
    -o-transition: all 250ms ease-out .25s;
    transition: all 250ms ease-out .25s;
}
.view-large {
    display: none;
    -webkit-transition: all 250ms ease-out .25s;
    -o-transition: all 250ms ease-out .25s;
    transition: all 250ms ease-out .25s;
}

@media only screen and (min-width: 768px){
    .view-small {
        display: none;
        -webkit-transition: all 250ms ease-out .25s;
        -o-transition: all 250ms ease-out .25s;
        transition: all 250ms ease-out .25s;
    }

    .view-large{
        display: inline-block;
        -webkit-transition: all 250ms ease-out .25s;
        -o-transition: all 250ms ease-out .25s;
        transition: all 250ms ease-out .25s;
    }
}

.id-notification-content{
    padding: 10px 15px;
}

.id-notification-content h4{
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding: 0;
}
.id-notification-content p{
    margin-bottom: 0;
}
.id-notification-content a{
    font-weight: 600;
    color: #fff;
}


/**
* -----------------------------------------------------------------------------
*
* TC - Added 19-07-2018
*
* -----------------------------------------------------------------------------
*/

body{
    padding-top: 100px;
}

@media only screen and (min-width:768px){
    body{
        padding-top: 80px;
    }
}

@media only screen and (min-width:992px){
    body{
        padding-top: 105px;
    }
}


#content{
    padding-top:0;
}

@media only screen and (min-width:768px){
    #content{
        padding-top: 60px;
    }
}

.reorder h1{
    font-size: 1.5em;
}

@media only screen and (min-width:768px){
    #content{
        padding-top: 60px;
    }
}

div#wysiwyg_widgets_widget-7 * {
    word-break: break-all;
}

.genie-print h1,
.domain-lookup h1{
    font-size: 1.7em;
}

@media only screen and (min-width:992px){
    .genie-print h1,
    .domain-lookup h1{
        font-size: 2em;
    }
}

.genie-print h2,
.domain-lookup h2{
    font-size: 1em;
}
@media only screen and (min-width:992px){
    .genie-print h2,
    .domain-lookup h2{
        font-size: 1.7em;
    }
}

#main article  .id-lcc-webinar-logo-container figure img {
    width: auto;
    max-height: 40px;
}
@media only screen and (max-width:768px){
    .hidden-xs{
        display:none;
    }
}