*/
 Theme Name:   X Child Theme
 description: A child theme of the X theme
 Author:       Graham Bowman
 Template:     x
 Version:      1.0.35
*/
.macj-e {
    opacity: 10;
    mix-blend-mode: normal!important;
}


[data-x-icon-s]:before {
    content: ""!important;
}
.x-navbar .desktop .x-nav li>a:only-child>span .x-framework-icon-menu {
    display: none!important;
}

/*hiding the search function*/

li.menu-item.x-menu-item.x-menu-item-search {
    display: none;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark .h1, .dark .h2, .dark .h3, .dark .h4, .dark .h5, .dark .h6, .dark h1 a, .dark h2 a, .dark h3 a, .dark h4 a, .dark h5 a, .dark h6 a, .dark .h1 a, .dark .h2 a, .dark .h3 a, .dark .h4 a, .dark .h5 a, .dark .h6 a, .dark blockquote {
    color: #FFFFFF!important;
}
.e2992-1 .x-section .headerv2 {
    position: relative;
    margin: 0 0 1.5em;
    padding: 0px!important;
}
.x-brand img {
    position: absolute;
    top: 0;
    left: -5px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.x-section.e241-53 img, .x-section.e241-121 img {
    aspect-ratio: 1;
    object-fit: cover;
}
.e2992-4.x-image img {
    border-radius: 0em 0em 1em 1em;
    width: 150px!important;
	position:absolute!important;
	top:0px!important;
}
span.e2992-4.x-image.Business-logo img {
    position: absolute;
    top: 0px;
    width: 150px;
}
#x-nav-wrap-mobile {
    padding-top: 80px;
}
.x-container.offset {
    margin-top: 80px;
}

/* Blog post sharing in header */
.single-post .entry-header p.p-meta {
    display: inline-block;
    margin: 0 0 12px 0;
}
.single-post .entry-header .sharedaddy.sd-sharing-enabled {
    float: right;
    display: inline-block;
}
.entry-content .sharedaddy.sd-sharing-enabled {
    margin-top: 20px;
}
.single-post h1.entry-title {
    clear: both;
}
.single-post .entry-featured {
    margin-top: 0;
}
.single-post .entry-header {
    margin-top: 25px;
}
.single-post .format-standard .entry-title:before {
    content: ''!important;
}
.single-post div#top {
    background: #eeeeee;
}
.single-post article {
    margin-top: 0;
    background: #FFFFFF;
    border: 2px solid #888;
    border-radius: 5px;
}
.single-post header.entry-header, .single-post .entry-content {
    padding: 0 30px 30px;
}
.single-post .x-sidebar div.widget {
    background: #FFFFFF;
    padding: 20px;
    border: 2px solid #888;
    border-radius: 5px;
    margin-bottom: 20px;
}
.single-post .back-to-blog {
    position: absolute;
    z-index: 1;
    display: block;
    transform: translateY(-100%);
}


.x-navbar .desktop .x-nav>li:hover, .x-navbar .desktop .x-nav>li.x-active  {
    background: #ffe3d7;
}


.x-navbar ul.sub-menu {
    background-color: rgba(51, 51, 51, 0.97)!important;
}
ul.sub-menu li.menu-item span {
    font-size: 14px;
    text-transform: uppercase;
}
.x-navbar .desktop .x-nav > .current-menu-item > a, .x-navbar .desktop .sub-menu li.x-active > a, .x-navbar .desktop .sub-menu li.current-menu-item > a, .x-navbar .desktop .business-nav .x-megamenu > .sub-menu > li > a, .x-navbar .mobile .business-nav li > a:hover, .x-navbar .mobile .business-nav li.x-active > a, .x-navbar .mobile .business-nav li.current-menu-item > a {
    color: #FFFFFF!important;
}

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > li.x-active > a {
    color: #f94a00!important;
}

.x-navbar .desktop .sub-menu li > a:hover {
    color: #DDDDDD!important;
}

.x-navbar-inner .x-container.max.width .x-nav-wrap.desktop {
    padding-left: 150px;
}

/*.x-container.max.width.offset {
    margin-top: 0;
}*/

footer .x-icon {
    font-size: 20px;
    padding-right: 10px;
    top: 2px;
    position: relative;
}

@media (min-width: 976px){
	footer .x-column.x-1-2 {
    width: 70%;
	}
	footer .x-column.x-md.x-1-2.last {
    width: 25%;
	}
	
}
footer .x-column.x-1-2 {
    margin-bottom: 60px;
}
	
footer .gform_wrapper .top_label li.gfield.gf_right_half {
    float: none;
}
body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper select, body .gform_wrapper textarea {
    border-radius: 5px;
    padding: 8px 15px!important;
}

footer .gform_wrapper .gform_body ul.gform_fields li.gfield {
    margin-top: 1.5em!important;
}

.wp-block-group__inner-container {
    max-width: 1200px;
    margin: 0 auto;
}

.h1{margin-top:1em; font-size:1.5em!important; line-height:1.4!important; font-weight: 700!important;}
h2,.h2{font-size:1.3em!important;line-height:1.5!important;}
h3,.h3{font-size:1.25em!important;line-height:1.6!important;}
h4,h5,h6,.h4,.h5,.h6{margin-top:1.75em;margin-bottom:0.5em;line-height:1.6;}
h4,.h4{font-size:1.2em!important;}
h5,.h5{font-size:1.1em!important;}
h6,.h6{font-size:1em!important;}
h3.x-price {font-size:54px!important}

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark .h1, .dark .h2, .dark .h3, .dark .h4, .dark .h5, .dark .h6, .dark h1 a, .dark h2 a, .dark h3 a, .dark h4 a, .dark h5 a, .dark h6 a, .dark .h1 a, .dark .h2 a, .dark .h3 a, .dark .h4 a, .dark .h5 a, .dark .h6 a, .dark p, .dark .x-text, .dark blockquote, .dark ul {
    color: #FFFFFF!important;
}
.dark .x-interactive span {
    /*color: rgb(249,74,0)!important;*/
}
.h-feature-headline span {
    padding-left: 3em;
}

.h-feature-headline span i {
    font-size: 2em;
	  width: 1em;
	  background-color:transparent!important;
}

span.x-counter-number {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 300;
}
div#SkypeButton_Call_tabletacademyuk_1 {
    display: inline-block;
}


.x-btn:hover, .button:hover, [type="submit"]:hover {
    text-shadow: none!important;
}

.widget {
	margin-top:0!important;
}

.brand-icon img:hover {
    transform: scale(1.2);
}

/* Not sure exactly what the intention of this is
@media (min-width: 768px) {
	.width-750 .bookme-pro-form {
		width: 750px;
	}
	.x-btn-navbar {
        display: block;
        font-size: 24px;
    	line-height: 1;
	}

	.masthead-inline .desktop .x-nav {
        display: none;
        float: right;
	}

	.x-btn-navbar {
        margin-top: 20px;
        width: 50px!important;
        float: right;
	}
}
*/

/* Push the menu to the right to avoid clashing with the logo */
.x-nav-wrap.desktop ul#menu-navigation {
    margin-left: 140px;
}

/* Eventbrite tickets */
.eventbrite-ticket-section {
	background-color: #F8F7FA;
	padding: 20px 0
}
.eventbrite-ticket-section iframe {
    height: 450px!important;
}


/* Quote Forms */

#post-2568 h2 {
    font-size: 3em!important;
    padding-top:1em!important;
}
#post-2568 label, #post-2568 input, #post-2568 .ginput_container_singleproduct {
    font-size: 2em;
}
#post-2568 input:read-only {
    border: none;
}

/* Image Selector */
#input_7_32 input, #input_7_46 input {
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

#label_7_46_0::after {
    content: "IDEAL FOR STUDENTS 64GB / 4GB / INTEL CELERON / 13 HOUR BATTERY / TOUCH SCREEN WITH PEN / £229 (+VAT)";
    font-size: 14px;
    display: block;
    font-weight: normal;
}
#label_7_46_1::after {
    content: "IDEAL FOR STUDENTS 128GB / 4GB / INTEL PENTIUM / 13 HOUR BATTERY / TOUCH SCREEN WITH PEN / £325 (+VAT)";
    font-size: 14px;
    display: block;
    font-weight: normal;
}
#label_7_46_2::after {
    content: "IDEAL FOR STUDENTS 256GB / 8GB / INTEL I5 / 15 HOUR BATTERY / RUGGERDISED DESIGN / £599 (+VAT)";
    font-size: 14px;
    display: block;
    font-weight: normal;
}



#label_7_32_0, #label_7_46_0{background-image:url("https://tablet-academy.com/wp-content/uploads/2020/01/Spin-B1-B118.jpg");}
#label_7_32_1, #label_7_46_1{background-image:url("https://tablet-academy.com/wp-content/uploads/2020/01/Spin-B1-B118.jpg");}
#label_7_32_2, #label_7_46_2{background-image:url("https://tablet-academy.com/wp-content/uploads/2020/01/Travelmate-X3.jpg");}

#input_7_32 input:active +#label_7_32_0,
#input_7_32 input:active +#label_7_32_1,
#input_7_46 input:active +#label_7_46_0,
#input_7_46 input:active +#label_7_46_1,
#input_7_46 input:active +#label_7_46_2{opacity: .9;}

#input_7_32 input:checked +#label_7_32_0,
#input_7_32 input:checked +#label_7_32_1,
#input_7_46 input:checked +#label_7_46_0,
#input_7_46 input:checked +#label_7_46_1,
#input_7_46 input:checked +#label_7_46_2
{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
li.gchoice_7_32_0, li.gchoice_7_32_1, 
li.gchoice_7_46_0, li.gchoice_7_46_1, li.gchoice_7_46_2{
  display:inline-block!important;
}
#label_7_32_0, #label_7_32_1,
#label_7_46_0, #label_7_46_1, #label_7_46_2{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:200px;height:420px;
    padding-top:180px;
    text-align: center;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1) grayscale(1);
	-moz-filter: brightness(1) grayscale(1);
            filter: brightness(1) grayscale(1);
}
#label_7_32_0:hover, #label_7_32_1:hover,
#label_7_46_0:hover, #label_7_46_1:hover, #label_7_46_2:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/* Extras */
.input_7_32-2 input, .input_7_46-2 input{ margin: 5px 0 0 12px; }
.input_7_32-2 label, .input_7_46-2 label{ margin-left: 7px; }

/*yes no */
.yesno .gfield_checkbox li input {
  display:none!important;
}

.yesno .gfield_checkbox li label {
  display: inline-block;
  position: relative;
	font-size: 2em;
	max-width: 5em;
  text-transform: uppercase;
  background: #CCC;
  padding: 0.25em 0.5em 0.25em 2em;
  border-radius: 1em;
  min-width: 2em;
  color: #FFF;
  cursor: pointer;
  transition: background-color 0.15s;
}

.yesno .gfield_checkbox li label:after {
  content: ' ';
  display: block;
  background: #FFF;
  width: 1.1em;
  height: 1.1em;
  border-radius: 1em;
  position: absolute;
  left: 0.3em;
  top: 0.45em;
  transition: left 0.15s, margin-left 0.15s;
}

.yesno .gfield_checkbox li label:before {
  content: 'No';
}

.yesno .gfield_checkbox li input:checked ~ label{
  background: #8ad869;
  padding-left: 0.5em;
  padding-right: 2em;
}

.yesno .gfield_checkbox li input:checked ~ label:before{
  content: 'Yes';
}

.yesno .gfield_checkbox li input:checked ~ label:after {
  left: 100%;
  margin-left: -1.4em;
}


/* Radio buttons */
.togglebuttons ul.gfield_radio li {
  display:inline-block!important;
}
.togglebuttons ul.gfield_radio li input {display: none!important;}

.togglebuttons ul.gfield_radio li label {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 10px;
	  margin: 0 10px 4px 0!important;
    max-width: 100%;
}
.togglebuttons ul.gfield_radio li input:checked ~ label {
  border-color:#666;
  box-shadow: 2px 2px 3px 0px rgba(51,51,51,1)
}

/* Inline */
.oneline label.gfield_label {
  float: left;
  padding-top: 15px!important;
}
.oneline .ginput_container {
    float: left;
}
.oneline input {
    width: 100%!important;
}
.negative input {
    color: red;
}
.oneline .ginput_container_singleproduct {
    padding-top: 8px;
    padding-left: 10px;
}

.ilightbox-overlay.light {
     background: #000;
}
.ilightbox-caption {
    display: block!important;
    font-size: 1em!important;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.7)!important;
}

/* Hide Price: */
.ginput_product_price_label {display:none}

/* WooCommerce */
input#addon-4081-super-admin-email-0 {
    width: 100%;
}
.product_meta span.posted_in {
    display: none;
}
.woocommerce {
    margin-bottom: 100px!important;
}

/* Journey to the Cloud. JttC */
#grid-2545 .tg-cats-holder .tg-item-term.post_tag {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
}

#grid-2545 .tg-cats-holder .tg-item-term.post_tag[data-term-id="74"]{
    background-image: url("https://tablet-academy.com/wp-content/uploads/2020/03/jc-mobility.png");
}

#grid-2545 .tg-cats-holder .tg-item-term.post_tag[data-term-id="71"]{
    background-image: url("https://tablet-academy.com/wp-content/uploads/2020/03/jc-saving.png");
}

#grid-2545 .tg-cats-holder .tg-item-term.post_tag[data-term-id="43"]{
    background-image: url("https://tablet-academy.com/wp-content/uploads/2020/03/jc-howto.png");
}

#grid-2545 .tg-cats-holder .tg-item-term.post_tag[data-term-id="72"]{
    background-image: url("https://tablet-academy.com/wp-content/uploads/2020/03/jc-achievements.png");
}

#grid-2545 .tg-cats-holder .tg-item-term.post_tag[data-term-id="73"]{
    background-image: url("https://tablet-academy.com/wp-content/uploads/2020/03/jc-workload.png");
}

/* Cookie save all button */
#wt-cli-privacy-save-btn {
    background-color: #f94a00;
}


/*Business Nav Start*/
.business-logo {
  position:absolute;
  top:26px;
  width:120px;
  height:auto;
  position:fixed;
  top:0;
}
.headerv2 {
    padding: 0!important;
    height:100px
}

/* Business Colours */
.headerv2 .x-navbar, .x-navbar .sub-menu {
    background-color: #555555 !important;
}
.headerv2 .x-navbar .desktop .x-nav>li:hover {
    background: #CCCCCC;
}
.headerv2 .x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .sub-menu li.current-menu-item > a:hover {
    color: #FFFFFF!important;
}
.headerv2 .x-btn-navbar, .x-btn-navbar:hover {
    color: #444444;
}
.headerv2 .x-btn-navbar, .x-btn-navbar.collapsed:hover {
    background-color: #AAAAAA;
}
.headerv2 .x-navbar-fixed-top-active .x-navbar-wrap {
    height: 7.3em;
}

.headerv2 #x-nav-wrap-mobile{
  padding:0;
}

.headerv2 .x-navbar{
	position:fixed;
	right:0;
	left:0;
}


.SCSMenu2 {
  margin-top:0px!important;
}

.e2992-10.x-section {
    z-index: 0!important;
}
.e2992-9.x-section {
    z-index: 0!important;
}
li#menu-item-8448 {
    background-color: white;
}
.x-navbar-inner .x-container.max.width .x-nav-wrap.desktop {
   padding-left: 0px!important;
}
/*Business Nav End*/
