/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


/*
 #header .header-top a[data-depth="0"]{
	color:#f00;
}
 */


/*
 #header .header-top a[data-depth="0"]:hover{
	color:rgb(9, 155, 70);
	text-decoration: underline solid #000;
}
*/

/*
Added this to make the main background below header matches the grey and not be too white so we can see the snow flakes fall
07/01/2022 - commented out this code to check if it's casuing the mobile nav isssue
section#wrapper {background:rgb(241, 239, 239); }
*/


/*
VALENTINES DAY 2022 - FALLING HEARTS CSS
COMMENT CODE BLOCK OUT / IN TO HIDE / SHOW

Changed falling-hearts 18s to falling hearts 30s below
Changed: body :before
to: body .background-image-overlay
CHANGED BOTH BACK AS BROKE HEATS ON DESKTOP
*/
/*
body {
    position: relative!important;
    }
    
    body:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background-image: url(https://divi.space/wp-content/uploads/2019/02/hearts.png);
    animation: falling-hearts 18s linear infinite;
    }
    @keyframes falling-hearts {
    0% {background-position: 0% 30%;}
    }
    
    @-moz-keyframes falling-hearts {
    0% {background-position: 0% 30%;}
    }
    
    @-webkit-keyframes falling-hearts {
    0% {background-position: 0% 30%;}
    }
    */


    


    
/*
ORG
#wrapper {padding-top: 1.5rem;}
Added in this line to change this value - this padding-top value is used to move up and down the WELCOME text so we can have a gap at top so it all sits nice
*/
#wrapper {padding-top: 1.6rem;}


/*
Add in this line to remove the 2px white line under Contact Us - Sign-In - Basket links
Added this in changing margin-bottom from 30px to 18px to reduce gap betwenn Basket and Search boxes
*/
/*#header .header-nav {
    border-bottom: 0px solid #f1f1f1;
    max-height: 50px;
    margin-bottom: 18px;
}*/
/*
14/01/2022 - change border-bottom from 2px to 0px so bottom of background image site nice
16/01/2022 - change margin-bottom: from 50px to 16px to reduce height between BASKET and SERCH BOX and remove wasted real estate

#header .header-nav {
    border-bottom: 0px solid #f1f1f1;
    max-height: 50px;
    margin-bottom: 16px;
}
*/




/*
********************************************************************************************************************************
********************************************************************************************************************************
********************************************************************************************************************************
16/5/2022 - CHANGES ************************************************************************************************************
********************************************************************************************************************************
********************************************************************************************************************************
********************************************************************************************************************************
*/


/*
16/01/2022 - pad FREE SHIPPING text on mobile so its site bettter after menu has been touched then closed and banner goes black
16/5/2022 - COMMENTED THIS OUT AS WE GET WHITE BAR BELOW [MENU] abd ABOVE FREE SHIPPING TEXT

.cat-title {
    border-bottom: 10px solid #ffffff;
    }
    
*/


/*
16/5/2022 - HIDE RED BAR ON MOBILE AND REMOVE RED FROM HEADER LOGO/USER/BASKET LINKS
*/
#header .header-nav {
    border-bottom: 60px solid #f1f1f1;
    max-height: 50px;
    margin-bottom: 0px;
}

/*
16/5/2022 - CHANGED FROM 11px TO 3px TO MOVE O UP ON MOBILE SO IT SITS BETTER
*/
#header .header-nav .top-logo {
    padding-top: 3px;
}


/*
16/5/2022 - CHANGED padding-bottom: FROM 1.25rem TO 0rem TO MOVE LGOG UP ON MOBILE SO IT SITS BETTER
*/
#header .header-top {
    padding-bottom: 0rem;
}




/*
16/5/2022 - OVERIDE ORIGINAL TO HIDE LINE FROM MOBILE - DOESN'T WORK
.cat-title {
    border-bottom: 0px solid #ffffff;
}
*/



/*
16/01/2022 - change margin-bottom: from 1.25rem to 0rem to reduce height between NAV AREA and BOTTOM of HEADER and remove wasted real estate

#header .header-top {
    padding-bottom: 0rem;
}
*/



/*
18/01/2022 - make header text white for contact/sign/basket
ALSO NOT BEING PICKED UP........???
*/
#header .a {
    color: #ffffff;
}

/*\doent work...?
#header .nav { background: #333;}
*/






/*
16/01/2022 - move logo up on mobile to site better
NOT BEING PICKED UP???

#header .header-nav .top-logo {
    padding-top: 1px;
}
*/




/*
ORG
#header {float:left; margin-bottom:20px; height:215px; width:100%; background-image:url(christmas3.png);}
Changed margin-bottom from 20pm to 0px - to remove the white rectangle under the background image above the WELCOME text.
Changed height from 215px to 264pc - this makes the image larger at bottom so we ge the image padding navigation at bottom
Added in background-position:right!important - this aligns the image to the right hand side - best for this particulr image but could change depending on image
*/

/* USED THIS FOR CHRIMSTAMS3.PNG
07/01/2022 - commented out this code to check if it's casuing the mobile nav isssue
#header {float:left; margin-bottom:0px; height:264px; width:100%; background-image:url(christmas3.png); background-position:right!important; position: relative/fixed/absolute; z-index: -3;}

#header {float:left; margin-bottom:0px; height:264px; width:100%; background-image:url(christmas3.png); background-position:right!important; position: relative; z-index: +2;}
*/

/* USED THIS FOR ValentinesDay2022.png - so it's not forced right as Christmas was
07/01/2022 - commented out this code to check if it's casuing the mobile nav isssue
#header {float:left; margin-bottom:0px; height:264px; width:100%; background-image:url(ValentinesDay2022.png);}
*/



/*
14/01/2022 - add this in as bgimage test, copy the png to the css folder wherer custom.css is
.GHbgImgCenterHead - this is thin banner at very top of page
.GHbgImgCenterTop - this is the main area behind the navigation
.GHbgImgCenterHeadTop - this is the entire header and navigation area
*/
.GHbgImgCenterHead{
    background-image: url('bgimage01.png');
    background-repeat: no-repeat;
    background-position: center; 
    position: relative;
}


.GHbgImgCenterTop{
    background-image: url('bgimage01.png');
    background-repeat: no-repeat;
    background-position: center; 
    position: relative;
}



/*
IMAGE GOES IN /home/toragcou/public_html/shop/themes/classic/assets/css
background-image: url('bgimage01.png');

USE THIS FOR A COLOR SWATCH
background-color: #ff0000 ;
*/
.GHbgImgCenterHeadTop{
    background-image: url('bgimage01.png');
    background-repeat: no-repeat;
    background-position: center; 
    position: relative;
}



/*
Make the Torag logo as big as it can to sit ok
*/
#header .logo {
    max-width: 117%;
}



/*
Added in this so logo and header looked better during checkout pages. STILL NEED TO REMOVE [Contact us] LINK in top right...
18/01/2022 - CHANGED max-height from 14.5rem to 11rem to make logo smaller on checkout page header
*/
body#checkout #header .header-nav .logo {
    max-height: 11rem;
    width: auto;
}



/*
Added in this class to change the Contact Us and Sign-In links in top header so they can be seen against image backgrounds
Currently not being picked up....WHY?
try added in div.gh-contactus-signin
*/
/*
div.gh-contactus-signin { 
    background-color: rgb(255, 0, 0) !important; 
    color: #FFA500 !important;
    font-weight: bold !important;
    font-size: 1.3em !important;
} 
*/




/*
ORANGE FREE DELIVERY text larger against an image background
Changed font-size to 1.3em to make 

.gh-home-bold-text-orange {
    color: #FFA500;
    font-weight: bold;
    font-size: 1.3em;
    padding-top: 5px;
    padding-bottom: 5px;
}
/*


/*
ORANGE FREE DELIVERY text larger against an image background
Changed font-size to 1.3em to make 
15/1/2022 - changed padding-top to 20px so text site moter centrel in vertical plane
*/


/*
15/1/2022 - CHANGED font-size: from 1.3em to 1.4em
15/1/2022 - CHANGED padding-top: from 12px to 22px TO LOWER FREE SHIPPING TEST ON HOMEPAGE TO SIT BETTER
15/1/2022 - CHANGED padding-bottom: from 5px to 10px TO LOWER FREE SHIPPING TEST ON HOMEPAGE TO SIT BETTER
*/
div.gh-home-bold-text-orange {
    color: #FFA500;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 16px;
    padding-bottom: 10px;
}

.gh-home-bold-text-orange {
    color: #FFA500;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 16px;
    padding-bottom: 10px;
}



.top-menu [data-depth = "1"] li: hover .sub-menu2 {
    display: block! important;
}
.top-menu .sub-menu2 ul [data-depth = "2"]> li {
    float: left;
    margin: 0 1.25rem;
}
.top-menu .sub-menu2.collapse {
    position: absolute;
    top: auto! important;
    display: none;
    float: left;
    zoom: 1;
    z-index: 10;
    margin: 0 0 40px -1px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -moz-box-shadow: 0 2px 2px rgba (0, 0, 0, .05);
    -o-box-shadow: 0 2px 2px rgba (0, 0, 0, .05);
    border-top: none;
    color: # 212121;
    background: -moz-linear-gradient (top, # e2e2e2 0, #fff 22%, #fff 100%);
    background: -webkit-gradient (left top, left bottom, color-stop (0, # e2e2e2), color-stop (22%, #fff), color-stop (100%, #fff));
    background: -webkit-linear-gradient (top, # e2e2e2 0, #fff 22%, #fff 100%);
    background: -o-linear-gradient (top, # e2e2e2 0, #fff 22%, #fff 100%);
    background: -ms-linear-gradient (top, # e2e2e2 0, #fff 22%, #fff 100%);
    background: linear-gradient (to bottom, # e2e2e2 0, #fff 22%, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient (startColorstr = '# e2e2e2', endColorstr = '# ffffff', GradientType = 0);
}
.top-menu .sub-menu2 {
    box-shadow: 2px 1px 11px 2px rgba (0, 0, 0, .1);
    border: none;
    margin-left: .9375rem;
    width: calc (100% - 30px);
    min-width: calc (100% - 30px);
    z-index: 18;
    display: none;
}


.gh-red-bold-text {
    color: red;
    font-weight: bold;
}

.gh-home-bold-text {
    color: blue;
    font-weight: bold;
    font-size: 1.5em;
}

/*
NOT GETTING PICKED UP....??
.gh-home-bold-text-orange {
    color: #0000FF;
    font-weight: bold;
    font-size: 1.5em;
    padding-top: 12px;
    padding-bottom: 5px;
}
*/

.block-category {
    min-height: 5rem;  
    margin-bottom: 1.563rem;
}




/*
BOOTSTRAP-TOUCHSPIN FIX FOR SHOPPING CART MOBILE TO MOVE ARROWS UP TO ALIGN WITH QUANTITY
margin-left: -17px;      WAS PREVIOUSLY SET TO: -15px
*/
.row {
    margin-right: -15px;
    margin-left: -18px;
}




/*
17/9/2022
PRODUCT ON SALE RED BANNER - REDUCE WIWTH OF RED BANNER SO IT SITE NICER
CHENGED: width: 100%;  from 100% to 40%  width: 40%;
*/
.product-flags li.product-flag.on-sale {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    background: #f00;
    width: 40%;
    text-align: center;
    margin-top: 0!important;
}





/*
5/1/2023
[SAVE CUSTOMISATION AND CONTINUE] button on Product page is too large for mobile, change font from 1rem to 0.8 rem]
*/
.btn {
    font-size: 0.8rem;
}

/*
5/1/2023
Make text box light Orange background for more visibility that it needs fill in: 
changed background: from #f1f1f1 to #f3e6cb   
changed height: fronm 3.125rem to 4rem
*/
.product-customization .product-message {
    background: #f3e6cb  ;
    height: 4rem;
}




/*
5/1/2023
Align Product cusomisation label to left for mobile
*/
.label, label {
    text-align: left;
}



/*
5/1/2023
[SAVE CUSTOMISATION AND CONTINUE] button - make it Orange for more visibility: changed #2fb5d2  to 

NOPE - REMOVED THIS as it also makes the add to basket button same colour....

*/
/*
.btn-primary {
    color: #fff;
    background-color: #ff9800;
    border-color: transparent;
}
*/