/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/* REDUCE LOGO SIZE FOR MOBILE VIEW 
https://theme.co/apex/forums/topic/mobile-logo-size-smaller/ */

@media only screen and (max-width: 767px) {
	.x-navbar img {
        width: 70% !important;
        margin-right: 0; }}

 @media (max-width: 978px) {
    .x-navbar img {
     width: 170px !important; } }

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.x-brand img {
   width: 30% !important;
   position: absolute; } }

/* MOBILE MENU ALIGN ADJUST */

.x-btn-navbar {
    margin-top: 20px !important;
}
.phone-link-class {
    padding-top: 0px !important;
}
.x-brand {
    margin-top: 10px !important;
}

/* Code to allow splitting of lines for Contact Form 7 layout
https://deliciousthemes.com/contact-form-7-fields-columns/ */

.one-half,
.one-third {
    position: relative;
    margin-right: 4%;
    float: left;
	margin-bottom: 5px; }
 
.one-half { width: 48%; }
.one-third { width: 30.66%; }
 
.last {
    margin-right: 0 !important;
    clear: right; }

/* Spacing radio buttons on contact form 7 quick quote 
https://theme.co/apex/forums/topic/contact-form-radio-buttons-not-spacing-correctly/
*/
.wpcf7-radio .wpcf7-list-item {
    margin-left: 5px;
    margin-right: 20px;
    vertical-align: top;
}
.wpcf7-radio .wpcf7-list-item input[type="radio"] {margin-right: 5px;}

/* FORMAT FORM TO MAKE SLIMMER */
.wpcf7 input[type='text'], .wpcf7 input[type="email"], input[type="date"],  input[type="textarea"]{
    padding: 3px;
    line-height: 14px;
    font-size: 12px;
	height: 2.3em; }

#equipment-menu
{
    padding: 3px;
    line-height: 14px;
    font-size: 12px; 
	height: 2.3em;
}
.wpcf7-form textarea {
    padding: 3px;
    line-height: 14px;
    font-size: 12px;
}
.wpcf7-form .wpcf7-submit { 
	padding: 5px 0 5px 0; 
	width: 100%;
}
.wpcf7 label {font-weight: normal;}

/* STYLE RECAPTCHA BUTTON TO FIT ON MOBILE SCREENS https://geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/ */

@media screen and (max-width: 1024px){ #rc-imageselect, .g-recaptcha {transform:scale(0.55);-webkit-transform:scale(0.55);transform-origin:0 0;-webkit-transform-origin:0 0;} } 

/* Make page look like RENTIT product page - list icons etc...
 http://rentitop.wpmix.net/product/vw-polo-trendline-2-0-tdi-4/
*/

.entry-content li:before{content: '\f058';font-family:'FontAwesome'; position: relative; right:10px ;color:#ec005f;}

.woocommerce li.product:before {content: '';
}
	
.entry-content li{border-bottom: dashed 1px #d3d3d3;    padding: 4px 0 4px 0px;     list-style-type: none; margin: 0 0 0 0}

.entry-header  {
    font-size: 0.75rem !important;}

/*SPACE BEFORE AND AFTER PAGE HEADER*/

.x-header-landmark {
    padding: 15px 0;
}

/* Formatting of the menu for the PRODUCT CATEGORY pages*/

.hor-menu li {border: none;  display: inline; padding: 0 30px 0 0;  }

.hor-menu li.current-menu-item > a {color: #ec005f;} 

.hor-menu li:before {content: '';   
}
@media (max-width: 480px) {
.hor-menu ul li {text-align: left !important; width:33%; float:left; padding: 0 0 0 0; }}

@media(max-width: 767px){
  .menu-hor-menu-container #menu-hor-menu{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .phone-link-class,
  .x-navbar-inner,
  .masthead.masthead-inline {
      min-height: 75px !important;
      max-height: 75px !important;
      height: 75px !important;
  }
}

/* REDUCE GAP BEFORE FOOTER */
.x-colophon.bottom {
    padding: 0px 0px;
}
/* REDUCE GAP BEFORE CONTENT */
.x-container.offset {
    margin: 0 auto;
}
/* IMAGE FOR MEGA MENU - https://theme.co/apex/forums/topic/adding-images-to-the-mega-menu/ */

/* 1. Background image for submenu item */
.x-nav .x-megamenu.col-4>.sub-menu>li#menu-item-11302, .x-megamenu.col-4>.sub-menu>li#menu-item-11301 {
   background-image: url(http://www.pinkbootshire.com.au/wp-content/uploads/2017/06/Scissor-Lift-Hire-Melbourne-sm.png);
background-position: left;
background-size: 18%;
background-repeat: no-repeat;
}   

/* 2. Background image for submenu item */
.x-nav .x-megamenu.col-4>.sub-menu>li#menu-item-11872, .x-megamenu.col-4>.sub-menu>li#menu-item-11868 {
   background-image: url(http://www.pinkbootshire.com.au/wp-content/uploads/2017/06/Boom-Lift-Hire-Melbourne-sm.png);
background-position: left;
background-size: 18%;
background-repeat: no-repeat;
}

/* 3. Background image for submenu item */
.x-nav .x-megamenu.col-4>.sub-menu>li#menu-item-11768, .x-megamenu.col-4>.sub-menu>li#menu-item-11770 {
   background-image: url(http://www.pinkbootshire.com.au/wp-content/uploads/2017/06/Cherry-Picker-Hire-Melbourne-sm.png);
background-position: left;
background-size: 18%;
background-repeat: no-repeat;
}

/* 4. Background image for submenu item */
.x-nav .x-megamenu.col-4>.sub-menu>li#menu-item-11871, .x-megamenu.col-4>.sub-menu>li#menu-item-11869{
   background-image: url(http://www.pinkbootshire.com.au/wp-content/uploads/2017/05/Man-Lifter-Hire-Melbourne-sm.png);
background-position: left;
background-size: 18%;
background-repeat: no-repeat;
}

/* FORMAT TEXT IN SUBMENU */
.x-nav .x-megamenu.col-4>.sub-menu > li > a {
   	font-size: 15px;  
 	text-align: left;
  	margin-left: 40px;
}

/* FIX DROPDOWN SUBMENU ISSUE NOT SHOWING WITH ONE PAGE NAV - https://theme.co/apex/forums/topic/dropdown-menu/ */

.x-navbar .menu-item:hover .sub-menu{
 display:block !important;
}

/* HIDE THE PAGE TITLE BARS / BREADCRUMBS  */

.x-header-landmark {
  display: none;
}

/* FORMAT SUBMENU */

.x-navbar-fixed-top-active .desktop .x-nav .x-megamenu>.sub-menu {
    background-color: rgba(255,255,255) !important;
	padding: 5px;
}

.desktop .x-nav .x-megamenu>.sub-menu a {
    background-color: rgba(255,255,255,0) !important;
    white-space: pre; /*remove space bottom of submenu */
}

/* CUSTOMISE THE MAIN HEADLINE */
.main_headline {
font-weight:900; font-size:2.9em; text-shadow: 1px 1px #474747; -webkit-text-stroke: 0.5px #474747; line-height: 1.1; letter-spacing: -5px;  
}
.main_headline p {margin: 15px 0 0.2em;
}

/* IMAGE HOVER COLOR */
.home a:hover img {
  opacity: 0.6;
}

/* Testimonials / Blockquote formatting */
blockquote {
    margin: 0.5em 0;
    padding: 0em;
    border: none; 
	font-size: 18px;
	font-style: italic;
    text-align: center;
}

/* ADD CLASS TO STYLE PHONE LINK IN NAV BAR ON MOBILE */

.phone-link-class {
    display: block;
    float: right;
    padding-top: 10px;
    padding-right: 5px;
}
.phone-link-class i {
    font-size: 45px;
	color: #ec005f;
}

/* HIDE PHONE ICON ON DESKTOP */
@media (min-width: 980px){
    .phone-link-class {
        display: none !important;
    }
}
/* MOBILE MENU ICON CORNER RADIUS */
.x-btn-navbar {
    border-radius: 7px;
}
/* REMOVE SHADOW ON MOBILE ICON 
https://theme.co/apex/forums/topic/mobile-nav-bar-button-shadow-removal/ */

.x-btn-navbar, .x-btn-navbar.collapsed:hover {
  box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
/* MOVE SCROLL TO TOP ICON */
.x-scroll-top.right {
    bottom: 50px;
}
/* CHANGE MOBILE TO 2 COLUMNS https://theme.co/apex/forums/topic/2-columns-on-mobile-layout/ ---- 
*/
@media (max-width: 979px) {
.cust-col {
float: left !important;
width: 48%  !important;
margin-right: 4% !important;
}
.cust-col:nth-child(2n) {
margin-right: 0px !important;
}
.x-column.x-1-2, .x-column.x-1-1 {
float: none !important;
width: 100%  !important;
margin: 0 auto !important;
} }

/* CHANGE PRODUCT IMAGE SIZE IN CATEGORY PAGE*/
.entry-product .entry-featured {
	height: 235px; 
  	width: 150px; 
  	display: inline-block;
 	position: relative;
    text-align: center;
    margin: 0 auto;
    display: block
}

.entry-product .entry-featured img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* 	CATEGORY VIEW HEADING */
.woocommerce li.product .entry-header h3 {
    font-size: 120% !important; text-align: center; }

/* HIDE BORDER AROUND PRODUCT IMAGES */
.woocommerce li.product .entry-featured, 
.woocommerce-page li.product .entry-featured, 
.woocommerce div.product .images .x-img-thumbnail, 
.woocommerce-page div.product .images .x-img-thumbnail,
.woocommerce div.product .images .x-img-thumbnail:hover {
    border: none;
}

/*MAKE MENU / HEADER STICKY ON MOBILE VIEW */
@media (max-width: 979px) {
.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
position: fixed;
}}

/* FIX MENU JUMPING TO WRONG LOCATION */
@media screen and (max-width: 979px) {
	.admin-bar .x-navbar-fixed-top, .admin-bar .x-navbar-fixed-left, .admin-bar .x-navbar-fixed-right {
    	top: auto !important;
	}
}