/*
	Theme Name: Arizona Computer Guru
	Theme URI: https://azcomputerguru.com
	Description: Arizona Computer Guru Theme
	Version: 1.4.3
	Author: Arizona Computer Guru
	Author URI: https://azcomputerguru.com
	License: MIT
	License URI: https://opensource.org/licenses/mit-license.php
*/

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
	line-height:2rem;
	background:url(https://azcomputerguru.com/wp-content/uploads/2021/04/mainbg.jpg) top center no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
article p{
	margin-bottom:1rem;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------*\
    Variables
\*------------------------------------*/

:root {
	--main-bg:#323232;
	--main-font:#ffffff;
	--nav-bg:#254777;
	--guru1:#ff8a00;
	--guru2:#254777;
	--guru3:#132135;
	--guru4:#0F1724;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all 0.25s ease;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
.clearfix{
	clear:both!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:var(--guru1);
	text-decoration:none;
}
a:hover {
	color:var(--guru3);
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	width:83.5%;
	margin:0 auto;
	position:relative;
}
.flexwrap{
	display:flex;
}


/* Above header widget area */

.above-header{
	background:var(--guru1);
	color:#ffffff;
}
.above-header .textwidget{
	flex:1;
}
.above-header .textwidget:nth-child(1){}
.above-header .textwidget:nth-child(2){text-align:center;}
.above-header .textwidget:nth-child(3){text-align:right;}
.above-header p, .above-header p a{
	line-height:7rem;
	font-size:2rem;
	color:var(--guru4);
}
.above-header a:hover{color:var(--main-font)!important;}
.above-header .remote-support{text-transform:uppercase;font-weight:bold;}
.above-header b{font-weight:700;}
.above-header .notice::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f071";}
.above-header .phone::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f879";}
.above-header .remote-support a::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1cd";padding-right:1rem;}
.above-header .remote-support: a::after{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1cd";padding-right:1rem;}
div .above-header{}

.above-header .remote-support a{
	padding:2rem;
}
.above-header .remote-support:hover a{
	background:var(--guru4);
}

/* header */
.header {
	border-bottom:1px var(--guru1) solid;
}
.header > .wrapper{display:flex;}

.header .wrapper > div:nth-of-type(1){flex:1;}
.header .wrapper > div:nth-of-type(2){flex:3;}

/* logo */
.logo {
	margin:4rem auto 4rem auto;
}
.logo-img {

}

.header-widget p{
	color:var(--guru1);
	font-style:italic;
	text-align:right;
	line-height:3rem;
	margin-top:1rem;
}
.header-widget p span{
	color:var(--guru2);
	font-size:4rem;
	font-style:normal;
	font-weight:bold;
}


/* nav */

/* top level */

nav{
	position:relative;
}
.nav > div{
	padding-top:8rem;
}
.nav a{color:var(--main-font);}
.nav > div > ul{
	width:100%;
	display:flex;
	justify-content:space-between;
}
.nav > div > ul > li{
	line-height:2rem;
}
.nav > div > ul > li > a{
	display:block;
	font-size:2.5rem;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:1rem;
	color:var(--main-font)!important;
}
.nav > div > ul > li:hover > a{
	color:var(--guru1)!important;
}

/* second level */

.nav > div > ul > li > .sub-menu{
	display:none;
	position:absolute;
  	transform: translateX(-40%);
	border:1px var(--guru1) solid;
	padding:2rem;
	z-index:0;
	margin-top:0.5rem;
	background: linear-gradient(181deg, #254777, #0f1724);
	background-size: 400% 400%;
	-webkit-animation: GuruBG 20s ease infinite;
	-moz-animation: GuruBG 20s ease infinite;
	animation: GuruBG 20s ease infinite;
}
.nav > div > ul > li:hover > .sub-menu{
	display:flex;
	justify-content:space-between;
	z-index:100;
	flex-wrap:wrap;
}
.nav > div > ul > li > .sub-menu > li{
	margin:0 4rem 0 1rem;
	min-width:16rem;
	flex:1;
	flex-basis:30%;
	line-height:4em!important;
}
.nav > div > ul > li > .sub-menu > li a{
	display:block;
	font-size:1.6rem;
	font-weight:bold;
	text-transform:uppercase;
}
.nav > div > ul > li > .sub-menu > li:hover a{
	color:#fff!important;	
}
.nav > div > ul > li > .sub-menu > li > a::before{
	padding-right:1rem;
	color:var(--guru1);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.nav > div > ul > li > .sub-menu > .menu-item-274 > a::before {content: "\f1ad";}
.nav > div > ul > li > .sub-menu > .menu-item-15 > a::before {content: "\f015";}
.nav > div > ul > li > .sub-menu > .menu-item-74 > a::before {content: "\f0ac";}
.nav > div > ul > li > .sub-menu > .menu-item-197 > a::before {content: "\f518";}
.nav > div > ul > li > .sub-menu > .menu-item-186 > a::before {content: "\f7d9";}
.nav > div > ul > li > .sub-menu > .menu-item-254 > a::before {content: "\f124";}
.nav > div > ul > li > .sub-menu > .menu-item-255 > a::before {content: "\f3ed";}
.nav > div > ul > li > .sub-menu > .menu-item-258 > a::before {content: "\f164";}
.nav > div > ul > li > .sub-menu > .menu-item-257 > a::before {content: "\f0c1";}

.nav > div > ul > li > .sub-menu > li:hover > a{

}
.nav > div > ul > li > .sub-menu > li:hover > a::before{

}

/* additional levels */

.nav > div > ul > li > .sub-menu > li .sub-menu{
	padding:1rem 0 0 0;
	border-top:1px var(--guru1) solid;
	margin:0.5rem 0 0 0;
}
.nav > div > ul > li > .sub-menu > li .sub-menu li{
	line-height:3em;
}
.nav > div > ul > li > .sub-menu > li .sub-menu li a{
	text-transform:capitalize;
	font-weight:normal;
}
.nav > div > ul > li > .sub-menu > li .sub-menu li:hover a{
	color:var(--guru1);
}
.nav > div > ul > li > .sub-menu > li .sub-menu li:hover a::before,
.nav > div > ul > li > .sub-menu > li:hover > a::before{
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054";
	padding-right:1rem;
}

/* Mobile nav */

.mobile-nav-wrapper, nav.mobile-nav{display:none;}

.mobile-nav-wrapper{
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	background: linear-gradient(359deg, #ff9c27, #d77400);
 	background-size: 400% 400%;
 	-webkit-animation: MobileMenuAnimation 30s ease infinite;
 	-moz-animation: MobileMenuAnimation 30s ease infinite;
 	animation: MobileMenuAnimation 30s ease infinite;
	border-top:1px var(--guru1) solid;
	height:4vh;
	padding:2em;
	z-index:1000;
}
.mobile-nav-wrapper:hover{
	cursor:pointer;
}
.mobile-nav-wrapper p{
	font-size:4rem!important;
	color:var(--main-font);
	text-transform:uppercase;
	text-align:center;
	padding-top:1rem;
}
.mobile-nav-wrapper p::before{
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c9";
	padding-right:2rem;
}
.mobile-nav-wrapper:hover nav.mobile-nav{
	display:block;
	width:100%;
}
nav.mobile-nav ul li a{
	font-size:4rem!important;
}

.mobile-nav-wrapper:hover nav.mobile-nav{
	position:fixed;
	bottom:0;
	left:0;
	background:var(--guru4);
	border-top:1px var(--guru1) solid;
}

.mobile-nav-wrapper nav.mobile-nav ul li a{
	font-size:4rem!important;
	line-height:1.6em;
}

.mobile-nav-wrapper nav.mobile-nav ul li ul{
	display:none;
	padding-left:2rem;
	background:var(--guru2);
}
.mobile-nav-wrapper nav.mobile-nav ul li:hover ul{display:block;}

.mobile-nav-wrapper > nav > div > ul > li > .sub-menu > li a{
	text-transform:uppercase;
	color:var(--guru1);
	font-weight:500;
}
.mobile-nav-wrapper > nav > div > ul > li > .sub-menu > li ul li a{
	color:var(--main-font);
	font-weight:300;
	text-transform:capitalize;
}
.mobile-nav-wrapper > nav > div > ul > li > .sub-menu > li ul li a:hover{
	color:var(--guru1);
}

/* Menu hacks */

/* About */ .menu-item-296 .sub-menu{
	flex-direction:column;
}
.menu-item-296 .sub-menu li{
	line-height:3rem;
}

/* feature */
.feature{}
.feature .widget{
	padding:6rem 0 6rem 0;
}
.feature .widget h1{
	font-size:6rem;
	line-height:12rem;
	text-align:center;
	text-transform:uppercase;
	color:var(--guru1);
}
.feature ul.slider{
	background: linear-gradient(181deg, #254777, #254777);
	background-size: 100% 100%;
	-webkit-animation: GuruBG 30s ease infinite;
	-moz-animation: GuruBG 30s ease infinite;
	animation: GuruBG 30s ease infinite;
	width:100%;
	position:relative;
	overflow:hidden;
}
.feature ul.slider li{
	font-size:3rem;
	line-height:8rem;
	text-transform:uppercase;
	padding:2rem 45% 2rem 4rem;
	font-weight:bold;
	border-bottom:1px #2F2112 solid;
}

.feature ul.slider .link-wrap{
	width:100%;
	height:6vh;
	display:block;
	position:relative;
}
.link-wrap a{
	display:block;
	width:60%;
	position:absolute;
	top:0;
	left:0;
	transition:all .1s linear;
}
.feature ul.slider li a{
	color:var(--main-font)!important;
}
.feature ul.slider li:hover .link-wrap a{

}

.feature ul.slider li:nth-child(1) .link-wrap a{transform: translate(65%, 0);}

.home .feature ul.slider li:nth-child(2):hover .link-wrap a{transform: translate(60%, 0);}
.home .feature ul.slider li:nth-child(3):hover .link-wrap a{transform: translate(45%, 0);}
.home .feature ul.slider li:nth-child(4):hover .link-wrap a{transform: translate(45%, 0);}
.home .feature ul.slider li:nth-child(5):hover .link-wrap a{transform: translate(35%, 0);}
.home .feature ul.slider li:nth-child(6):hover .link-wrap a{transform: translate(30%, 0);}

.web-services-for-tucson-businesses .feature ul.slider li:nth-child(2):hover .link-wrap a{transform: translate(90%, 0);}
.web-services-for-tucson-businesses .feature ul.slider li:nth-child(3):hover .link-wrap a{transform: translate(60%, 0);}
.web-services-for-tucson-businesses .feature ul.slider li:nth-child(4):hover .link-wrap a{transform: translate(50%, 0);}
.web-services-for-tucson-businesses .feature ul.slider li:nth-child(5):hover .link-wrap a{transform: translate(60%, 0);}
.web-services-for-tucson-businesses .feature ul.slider li:nth-child(6):hover .link-wrap a{transform: translate(30%, 0);}


.feature ul.slider li span{
	color:var(--guru1);
}
.feature ul.slider li:hover, .feature ul.slider li:first-child{
	font-style:italic;
	background:var(--guru1);
	width:100%;
	display:block;
}
.feature ul.slider li:hover span, .feature ul.slider li:first-child span{
	color:var(--guru4);
}
.feature ul.slider li .slider-img{
	opacity:0;
	position:absolute;
	right:-5000px;
	top:0;
	width:60%;
	height:100%;
	overflow:hidden;
	clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
	z-index:0;
}
.feature ul.slider li:first-child .slider-img{
	right:0;
}
.feature ul.slider li:hover .slider-img, .feature ul.slider li:first-child .slider-img{
	z-index:90;
	right:0px;
    -webkit-transition: opacity .3s ease-in;
       -moz-transition: opacity .3s ease-in;
         -o-transition: opacity .3s ease-in;
	opacity:1;
}
.feature ul.slider li .more-link{
	background:var(--guru1);
	padding:2rem 4rem 2rem 12rem;
	border-top:3px var(--guru1) solid;
	border-bottom:3px var(--guru1) solid;
	position:absolute;
	bottom:0;
	right:0;
	clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
}
.feature ul.slider li .more-link:hover{
	background:var(--guru4);
	color:var(--guru1)!important;
}

.feature h2.title{display:none;}

.feature .herobanner{
	width:100%;
	background:url(https://phoenixmanagedservices.com/wp-content/uploads/2022/09/phoenix-managed-services.jpg) center center no-repeat;
	background-size:cover;
	min-height:600px;
	border:5px var(--guru1) solid;
}
.feature .herobanner .wrapper{
	background:rgba(0, 0, 0, 0.5);
	width:100%;
	height:600px;
	font-weight:bold;
}
.feature .herobanner h1, .feature .herobanner h2{
	width:100%;
	font-size:6rem;
	text-align:center;
	text-transform:uppercase;
	color:var(--guru1);
	line-height:2em;
	padding-top:2em;
}
.feature .herobanner p{
	font-size:3rem;
	color:#fff;
	text-align:center;
	width:80%;
	margin:2rem auto 2rem auto;
	line-height:1.4em;
}
.feature .herobanner .more-link{
	display:block;
	width:30%;
	margin:4rem auto 2rem auto;
	line-height:3em;
	font-size:3rem;
	text-transform:uppercase;
	background:var(--guru1);
	color:#fff;
	text-align:center;
}
.feature .herobanner .more-link:hover{
	background:#fff;
	color:var(--guru1);
	border:5px var(--guru1) solid;
}

/* Below Feature */

.below-feature{
	background: rgb(205,138,22);
 	background: linear-gradient(180deg, rgba(255, 162, 0, 0.5) 43%, rgb(43, 32, 13) 100%);
}
.home .below-feature{

}
.below-feature .wrapper{
	display:flex;
	justify-content:space-space-between;
}
.below-feature .wrapper > div{
	width:50%;
	padding:2rem 0 4rem 0;
	color:#fff;
	line-height:5rem;
	font-size:2.2rem;
}
.below-feature h2{
	font-size:3.4rem;
	font-weight:bold;
	line-height:2em!important;
	text-transform:uppercase;
}
.below-feature .wrapper > div:nth-of-type(1){
	padding-right:8rem;
	line-height:3em;
}
.below-feature .wrapper > div:nth-of-type(2){
	border:2px var(--guru1) solid;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin:4rem 0 4rem 0;
}

.below-feature .more-link{
	display:block;
	width:20rem;
	padding:0.5 4rem 0.5 4rem;
	text-transform:uppercase;
	color:var(--guru1);
	font-weight:bold;
}
.below-feature .more-link::before{
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054";
	padding:0 2rem 0 2rem;
}
.below-feature .more-link:hover{
	background:var(--guru1);
	color:var(--main-font);
}
.below-feature .more-link:hover::before{
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c";
}

.below-feature .testimonial{
	text-align:center;
	padding:2rem;
	font-size:3.2rem;
	font-style:italic;
	font-weight:300;
	line-height:2.5em;
	color:var(--main-font);
}
.testimonial b{
	font-weight:700;
}
.testimonial::before{
	font-size:6rem;
	font-family: "Font Awesome 5 Free";
	content: "\f10d";
	font-weight: 900;
	padding-right:3rem;
}
.testimonial::after{
	font-size:6rem;
	font-family: "Font Awesome 5 Free";
	content: "\f10e";
	font-weight: 900;
	padding-left:3rem;
}

/* main content */

main{
}
main > .wrapper{
	background: rgb(30,64,112);
  background: linear-gradient(183deg, rgba(30,64,112,1) 46%, rgba(13,21,34,1) 98%);
	padding:4rem;
	margin-top:4rem;
}
main article{
	margin-bottom:2rem;
	flex:2.5;
}

/* Sidebar / Widgets */

.sidebar {
 padding:0rem 0rem 0rem 8rem;
 flex:1;
}

.sidebar .widget{
	color: var(--main-font);
	font-size: 3rem;
	line-height: 1.4em;
}
.sidebar .widget p{
	font-size:2.5rem;
}
.sidebar .widget p i{font-style:italic;}
.sidebar .widget img{
	margin-bottom:1rem;
}
.sidebar .more-link{
	display:block;
	width:25rem;
	text-align:center;
	text-transform:uppercase;
	background:var(--guru1);
	padding:2rem;
	margin:4rem 0 4rem 0;
	color:var(--main-font);
}
.sidebar .more-link:hover{
	border:1px var(--guru1) solid;
	background:var(--guru4);
}

.sidebar .menu{}
.sidebar .menu li{
	background:var(--guru4);
	border-bottom:1px var(--guru1) solid;
	position:relative;
}
.sidebar .menu li::before{
   content: '';
   position: absolute;
   border-right:4px solid var(--guru1);
   border-bottom:4px solid var(--guru1);
   width:20px;
   height:20px;
   top: calc(50%);
   left: 10px;
   transform: translateY(-50%) rotate(-45deg);
}
.sidebar .menu li:hover{
	background:var(--guru2);
	border:1px var(--guru1) solid;
}
.sidebar .menu li:hover::before{
   left: 20px;
}
.sidebar .menu li a{
	display:block;
	color:var(--main-font);
	font-size:3rem;
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
	line-height:2.4em;
	padding:1rem;
	padding-left:6rem;
}
.sidebar .menu li:hover a{
	color:var(--guru1);
}
.home .sidebar .menu li:last-child, .home .sidebar .menu li:last-child:hover{
	background:none;
	border:none!important;
}
.home .sidebar .menu li:last-child a{
	text-align:right;
}

.sidebar .widget h2:first-of-type{
	color:var(--main-font);
	background:var(--guru1);
	font-style:italic;
	padding-left:1rem;
}

.sidebar form, .forminator-ui#forminator-module-338.forminator-design--default .forminator-label, .forminator-ui#forminator-module-25.forminator-design--default .forminator-checkbox{
	color:var(--main-font)!important;
	font-size:2rem!important;
}
.sidebar form label{

}
.sidebar form input, .sidebar form textarea, .sidebar form select, .sidebar form input[type="checkbox"]{
	background:var(--guru4)!important;
	padding:2rem!important;
	font-size:2rem!important;
	color:var(--main-font)!important;
	border:1px var(--guru1) solid!important;
}
.sidebar form input:hover, .sidebar form textarea:hover, .sidebar form select:hover, .sidebar form input[type="checkbox"]:hover{
	border:1px var(--main-font) dashed !important;
}
.forminator-ui#forminator-module-338.forminator-design--default .forminator-checkbox{
	color:var(--guru1)!important;
}
.sidebar form button{
	background:none!important;
	border:1px var(--guru1) solid!important;
	text-transform:uppercase!important;
	color:var(--guru1)!important;
	float:right;
}
.sidebar form button:hover{
	background:var(--guru1)!important;
	color:var(--main-font)!important;
}
.forminator-ui#forminator-module-338.forminator-design--default .forminator-checkbox span[aria-hidden], .forminator-ui#forminator-module-25.forminator-design--default .forminator-checkbox span[aria-hidden]{
	background:none!important;
	border:1px var(--guru1) solid!important;
}

/* Below content area */

.below-content{
	background:var(--guru2);
}
.below-content h2:first-of-type{
	font-size:5rem;
	line-height:2em;
	font-weight:normal;
	text-transform:uppercase;
	color:var(--main-font);
	padding-left:1em;
   font-weight:bold;
   font-style:italic;
}
.below-content h2::before{
   content: '';
   position: absolute;
   border-right:4px solid var(--guru1);
   border-bottom:4px solid var(--guru1);
   width:0.45em;
   height:0.45em;
   top:1.1em;
   left: 10px;
   transform: translateY(-50%) rotate(-45deg);
   font-weight:bold;
   font-style:italic;
}
.below-content .widget > div{
	display:flex;
}
.below-content .widget > div > div{
	flex:4;
	justify-content:space-between;
	border:4px var(--guru1) solid;
	padding:4rem;
	margin:1rem 1rem 8rem 1rem;
}
.below-content .widget > div > div:hover{
	border:4px var(--main-font) solid;
}
.below-content .widget > div > div a{
	display:block;
}
.below-content .widget img{
	display:block;
	margin:1rem auto 1rem auto;
	width:20%;
}
.below-content .widget > div h3{
	font-size:4.2rem;
	line-height:1.5em;
	text-transform:uppercase;
	color:var(--main-font);
	text-align:center;
}

/* footer */

footer{
	background:url(https://azcomputerguru.com/wp-content/uploads/2021/04/footer-bg.jpg) top center fixed;
	background-size:cover;
	background-color:var(--guru4);
	color:#ffffff;
	padding-bottom:4rem;
}
footer .widget{
	padding:1rem!important;
	width:50%;
}
footer p{
	font-size:2.6rem;
	line-height:2em;
	font-style:italic;
	padding-right:10rem;
}
footer p b{font-weight:700;}
footer a{
	color:#ffffff;
}
footer a:hover{
		text-decoration:underline;
		text-decoration-color:var(--guru1);
		padding-left:.5rem;
}
footer li:before{
		content: "\00BB \0020";
		color:var(--guru1);
}
footer h2{
	font-size:5rem;
	line-height:2em;
	font-style:italic;
	padding-top:1em;
}
footer h2::before{
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054";
	padding-right:1rem;
	color:var(--guru1);
}

footer .forminator-custom-form{
	display:flex!important;
	flex-direction:column!important;
}
footer .forminator-row{
	flex:1;
}

footer form label{
	display:none!important;
}
footer form input, footer form textarea{
	background:none!important;
	border:2px var(--guru1) solid!important;
	padding:2rem!important;
	font-size:2.5rem!important;
	font-style:italic!important;
	line-height:2em!important;
	color:var(--main-font)!important;
}
footer form input:hover, footer form input:active, footer form textarea:hover, footer form textarea:active{
	border:2px var(--main-font) dashed!important;
}
footer form button{
	float:right!important;
	background:none!important;
	color:var(--main-font)!important;
	font-size:2.5rem!important;
	font-style:italic!important;
}
footer form button:hover{
	background:var(--guru1)!important;
	box-shadow:none!important;
}
footer form button:hover::before{
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054";
	padding-right:1rem;
}
footer form textarea{
	height:150px;
}

.credit{
	background:var(--guru4);
	border-top:1px var(--guru1) solid;
	text-align:center;
	color:#ffffff;
	font-size:3rem;
	line-height:4em;
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/

article{
	padding:0 0 2rem 0;
	color:var(--main-font);
	line-height:4rem!important;
	font-size:2.2rem!important;
}
.page .title, .home h2.title{
	font-size:5rem;
	line-height:8rem;
	color:var(--main-font);
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px var(--guru1) solid;
	padding-bottom:2rem;
	margin-bottom:3rem;
}
.home h2.title{
	border:0;
	margin:0;
	padding:0;
}
.page h2{
	font-size:3.8rem;
	font-weight:bold;
	text-transform:uppercase;
	line-height:2em;
	color:var(--main-font);
}
.page main h2{
	border-left:1px var(--guru1) solid;
	border-bottom:1px var(--guru1) solid;
	padding:0 0 1rem 2rem;
	margin:1em 0 0.5em 0;
}
.page a{
	color:var(--guru1);
}
.page a:hover{
	color:var(--guru4);
}
.page article img{
	border:1px var(--guru1) solid;
}

.home article .more-link{	margin:4rem 0 2rem 0;}

article .more-link::before{
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";
	padding:3rem;
	background:var(--guru4);
	margin-right:1rem;
}
article .more-link{
	display:inline-block;
	padding:2rem 2rem 2rem 0;
	text-align:center;
	background:var(--guru1);
	color:var(--main-font);
}
article .more-link:hover{
	color:var(--main-font);
}
article .more-link:hover::before{
	color:var(--guru1);
}

.in-page-highlight{
	width:100%;
	padding-bottom:6rem;
	clear:both;
}
.in-page-highlight ul{
	position:relative;
}
.in-page-highlight h2{
	line-height:1em;
	margin-bottom:1em;
}
.in-page-highlight img{
	max-width:30%;
	height:auto;
}
.highlight-title{
	background:var(--guru4);
	text-transform:uppercase;
	color:var(--main-font);
	font-size:5rem;
	line-height:2em;
	font-style:italic;
	padding:1rem;
	margin-top:8rem;
	border-bottom:1px var(--guru1) solid;
}
.highlight-title span{
	color:var(--guru1);
}
.in-page-highlight .more-link{
	margin:2rem 0 2rem 0!important;
}
.in-page-highlight.web-services{
	background:url(https://azcomputerguru.com/wp-content/uploads/2021/03/website-design-tucson.jpg) top center no-repeat;
}
.in-page-highlight .flexwrap{
	justify-content: space-around;
}
.in-page-highlight .flexwrap > div{
	width:40rem;
	text-align:center;
	padding:5rem;
	border:2px var(--guru1) solid;
	position:relative;
	background: rgb(35,79,143);
	background: linear-gradient(180deg, rgba(35,79,143,1) 43%, rgba(13,55,111,1) 100%);
	margin:10rem 0 10rem 0;
}
.in-page-highlight h3{
	text-transform:uppercase;
}
.in-page-highlight .flexwrap > div p{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	padding:8rem 2rem 0 2rem;
	font-size:2rem;
	line-height:1.2em;
}
.in-page-highlight .flexwrap > div:hover{
	padding:0;
	background:var(--guru1);
	border:0;
	background:rgba(0, 0, 0, 0.5);
}
.in-page-highlight .flexwrap > div:hover p{
	opacity:1;
	color:var(--main-font)!important;
}
.in-page-highlight .flexwrap > div:hover a{

}
.in-page-highlight .flexwrap > div:hover h3{
	background:var(--guru1);
	padding:1.5rem;
	font-weight:bold;
	color:var(--main-font);
}

.in-page-highlight span{
	color:var(--guru1);
	font-weight:bold;
}

.in-page-highlight:nth-of-type(even){
	background:var(--guru2);
	padding:2rem;
	border:1px var(--guru1) solid;
}

.in-page-highlight.website-design h3{
	font-size:4rem;
	margin-bottom:1em;
	color:var(--guru1);
}

.in-page-highlight.seo{
	padding:2rem 0 4rem 0;
}

.service-highlight{
	width:100%;
}
.service-highlight ul{
	display:flex;
	width:100%;
	border:1px var(--guru1) solid;
	margin:2rem auto 2rem auto;
	position:relative;
}
.service-highlight ul:hover{
	background:var(--guru1);
}
.service-highlight ul li{
	width:50%;
}
.service-highlight ul li a{
	display:block;
	background:var(--guru4);
	color:var(--main-font);
	padding:1rem 2rem 1rem 2rem;
	text-align:center;
	text-transform:uppercase;
	font-size:1.4rem;
}
.service-highlight ul li:hover{
	padding-bottom:60px;
}
.service-highlight ul li:hover a{
	background:var(--guru1);
	color:var(--main-font);
}
.service-highlight ul li > div{
	position:absolute;
	bottom:10000;
	left:0;
	opacity:0;
	width:100%;
	line-height:50px;
	text-align:center;
}
.service-highlight ul li:hover > div{
	bottom:0.5rem;
	opacity:1;
	position:absolute;
}

h2.breakout-header{
	background:var(--guru1);
	padding:.5rem 2rem .5rem 2rem!important;
	color:var(--main-font);
	text-transform:uppercase;
	margin-top:4rem;
	position:relative;
	overflow:hidden;
}
section.breakout{
	background:var(--guru4);
	border:1px var(--guru1) solid;
	padding:2rem 2rem 8rem 2rem;
	margin:0rem auto 2rem auto;
	position:relative;
}

.breakout li{margin-bottom:2rem;}

.breakout .more-link::before{
	background:var(--guru2);
}
.breakout .more-link{
	position:absolute;
	bottom:1rem;
	right:1rem;
}

ol.steps{

}
ol.steps li{
	margin-bottom:1.8rem;
}
ol.steps li span{
	color:var(--guru1);
	font-weight:bold;
	font-style:italic;
	font-size:1.1em;
	text-transform:uppercase;
}

ol.steps li span::before{
	padding-right:1rem;
	color:var(--guru1);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style:normal;
}
ol.steps li:nth-of-type(1) span::before {content: "\f1b9";}
ol.steps li:nth-of-type(2) span::before {content: "\f00e";}
ol.steps li:nth-of-type(3) span::before {content: "\f7d9";}
ol.steps li:nth-of-type(4) span::before {content: "\f058";}

.flexwrap.splitpage{

}
.flexwrap.splitpage > div{
	flex:1;
	margin:1rem;
}
.flexwrap .splitpage .breakout-header{
	font-size:3rem;
}
.flexwrap .splitpage .breakout{
	min-height:60rem;
}

.splitpage ul li{
	color:var(--guru1);
	list-style-type:circle;
	list-style-position: inside;
}

.boxes{
	flex:1;
	justify-content: space-between;
}
.boxes .box{
	padding:1rem 2rem 1rem 2rem;
}
.boxes h2{
	font-size:3rem;
}
.boxes img{
	display:block;
	height:30rem;
	margin:1rem auto 1rem auto;
}

.flexwrap.testimonials{
		justify-content:space-between;
}
.testimonials .testimonial{
	flex:1;
	border:1px var(--guru1) solid;
	padding:8rem 4rem 2rem 4rem;
	margin:2rem 1rem 2rem 1rem;
	text-align:center;
	position:relative;
}

.testimonials .testimonial::before{
	position:absolute;
	left:2rem;
	top:2rem;
}
.testimonials .testimonial::after{
	position:absolute;
	right:2rem;
	bottom:2rem;
}
.page article .testimonial{
	border:1px var(--guru1) solid;
	padding:6rem 4rem 6rem 4rem;
	margin:6rem 1rem 6rem 1rem;
	text-align:center;
	font-style:italic;
	font-size:4rem;
	line-height:2em;
	color:var(--guru1);
}

.list-section ul{
	display:flex;
	flex-wrap:wrap;
}
.list-section ul li{
	flex-grow:1;
	width:33%;
	line-height:3em;
}

/*------------------------------------*\
    CATEGORY
\*------------------------------------*/

.category{justify-content:space-between;}
.category .category-post{
	flex:1;
	width:30%;
	border:1px var(--guru1) solid;
	margin:1rem;
	position:relative;
	padding-bottom:8rem;
}
.category-post .title{
	font-size:2rem;
	font-weight:bold;
	background:var(--guru1);
	padding:1rem;
}
.category-post > div{
	padding:0 2rem 2rem 2rem;
}

.view-article{display:none;}

.category .post .more-link{
	position:absolute;
	bottom:1rem;
	right:1rem;
}


/*------------------------------------*\
    POST
\*------------------------------------*/


.post-page{
	color:var(--main-font);
}
.post-page .title{
	font-size:5rem;
	line-height:8rem;
	color:var(--main-font);
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px var(--guru1) solid;
	padding-bottom:2rem;
	margin-bottom:3rem;
}
.post ul li, .post ol li{
	list-style-type:circle;
	list-style-position:inside;
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

@-webkit-keyframes GuruBG {
    0%{background-position:37% 0%}
    50%{background-position:64% 100%}
    100%{background-position:37% 0%}
}
@-moz-keyframes GuruBG {
    0%{background-position:37% 0%}
    50%{background-position:64% 100%}
    100%{background-position:37% 0%}
}
@keyframes GuruBG {
    0%{background-position:37% 0%}
    50%{background-position:64% 100%}
    100%{background-position:37% 0%}
}

@-webkit-keyframes MobileMenuAnimation {
	 0%{background-position:45% 0%}
	 50%{background-position:56% 100%}
	 100%{background-position:45% 0%}
}
@-moz-keyframes MobileMenuAnimation {
	 0%{background-position:45% 0%}
	 50%{background-position:56% 100%}
	 100%{background-position:45% 0%}
}
@keyframes MobileMenuAnimation {
	 0%{background-position:45% 0%}
	 50%{background-position:56% 100%}
	 100%{background-position:45% 0%}
}

#menu-item-185{
	display:none;
}

.locations{
	justify-content: space-space-between;
}
.locations > div{
	flex:1;
	padding:1rem;
	height:55vh;
}
.locations > div iframe{
	padding:1rem;
	height:35vh!important;
}


/* Pricing Table */
.pricing-table-wrapper{margin:6rem 0 2rem 0;}
.pricing-table-box{
	flex:1;
	background:var(--guru2);
	padding:1rem;
}
.pricing-table-box{margin:0 .5rem 0 0;text-align:center;}
.pricing-table-box:nth-of-type(1){padding-top:7rem;text-align:right;background:none;flex:0.5;}
.pricing-table-box:nth-of-type(1) ul li{background:none!important;}
.pricing-table-box:nth-of-type(4){margin:0 0 0 0;}
.pricing-table-box h2{
	font-size:1.5rem;
	line-height:2em;
	text-align:center;
}
.pricing-table-box .pricing-table-price{
	width:8rem;
	height:8rem;
	margin:-5rem auto 0 auto;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	background:#0e2648;
	color:#ffffff;
	text-align:center;
	border:0.5rem #ffffff solid;
	position:relative;
}
.pricing-table-box .pricing-table-price p{
	position:absolute;
	font-size:2.5rem;
	line-height:1em;
	text-align:center;
	width:100%;
	top:10%;
	left:0;
}
.pricing-table-box .pricing-table-price p span{font-size:.5em;}
.pricing-table-box ul{list-style:none;}
.pricing-table-box ul li{padding:.5rem;}
.pricing-table-box ul li:nth-child(odd){background:var(--guru4);}


/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}



/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:2500px) {html{font-size:50%;}}
@media only screen and (max-width:1920px) {html{font-size:46%;}}
@media only screen and (max-width:1700px){
	.link-wrap a{width:60%;}
	.home .link-wrap a{width:65%;}
	.home .feature ul.slider li{font-size:2.5rem;}
}
@media only screen and (max-width:1600px) {html{font-size:38%;}.sidebar .menu li a{padding-left:8rem;}}
@media only screen and (max-width:1400px) {html{font-size:34%;}}
@media only screen and (max-width:1200px) {
html{font-size:40%;}
body{overflow-x:hidden;}
.wrapper{
	width:100%;
	padding:0 2rem 0 2rem;
}
.above-header .phone, .above-header .phone a{
	font-size:4rem;
}
.above-header .wrapper .textwidget:nth-of-type(1), .above-header .wrapper .textwidget:nth-of-type(3){
	display:none;
}
.mobile-nav-wrapper{display:block;}
.nav{display:none;}
.header > .wrapper{display:block;}
.header .wrapper > div:nth-of-type(2){flex:0}
header .logo-img{display:block;margin:2rem auto 2rem auto;}
.feature, .below-feature{display:none;}
.home .sidebar{
	display:none;
}
.page .flexwrap{
	flex-direction:column;
}
.page .title{
	font-size:3.5rem;
	line-height:1.4em;
}
.page h2{
	font-size:2.5rem;
	line-height:1.4em;
}
article .more-link{width:100%;}
.below-content h2:first-of-type{
	font-size:4rem;
}
.below-content .widget > div{
	flex-direction:column;
}
.in-page-highlight{margin-bottom:2rem!important;}
img.alignright, img.alignleft, .in-page-highlight img{
	display:block!important;
	float:none!important;
	margin:2rem auto 2rem auto!important;
	max-width:90%;
}

.in-page-highlight.web-services{
	display:none;
}

footer .flexwrap{flex-direction:column;}
footer .widget{width:100%;}
footer .logo{display:block;margin:2rem auto 2rem auto;}
footer h2{border:none;}


.locations > div iframe{
	position:static!important;
	display:block;
}

.pricing-table-wrapper.flexwrap{flex-direction:column;}
.pricing-table-box{margin-bottom:6rem!important;}
.pricing-table-box:nth-of-type(1){display:none;}

}