/*
Theme Name: Vision Network
Theme URI: 
Author: Matthew Storer
Author URI: https://yxd.au
Description: Vision Network
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Vision Network
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* copy of wp default css to a 1000px media query */
@media (min-width: 1001px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
}

/* neutralize the wp default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

/*global*/
:where(.wp-site-blocks *:focus) {
    outline-width: 0px !important;
    outline-style: none !important;
}


:where(.wp-site-blocks) > * {
	margin-block-start:0px !important;
}

.sticky-cta {
    position: fixed;
    right: 0;
    top: 40%;
}

.wp-block-button a, input[type="submit"]  {
	background-image:url('./assets/images/arrow-right-solid.svg');
	background-repeat: no-repeat;
	background-position: 90% center;
	background-size: 20px 20px;
	padding-right:100px;
}

.find-provider-filter .wp-block-button a {
	background-image:none;
}

.wp-block-button.no-arrow a {
	background-image:none;
}

.wp-block-tiptip-hyperlink-group-block .wp-block-heading.eplus-wrapper {
	background-image:url('./assets/images/arrow-right-solid.svg');
	background-repeat: no-repeat;
	background-position: 90% top;
	background-size: 20px 20px;
}
.wp-block-tiptip-hyperlink-group-block:hover h3 {
	text-decoration: none !important;
}





/* header */

.header-bg {
    z-index: -1;
	position:absolute;
	width: 100%;
	height:110px;
    overflow: hidden;
}

.header-bg img {
	width:1920px !important;
	max-width:none !important;
}

.header-bar{
	z-index:9999;
}

.header-flex-menu-height {
	align-items: stretch;
}

.header-navigation > li > a {
	padding:20px 0px 20px 0px;
}

.header-navigation ul li a {
	border-bottom: 6px solid transparent;

}

.header-navigation ul li a:hover {
	border-bottom: 6px solid #2456D6;
	color:#2456D6 !important;

}

.header-navigation .current-menu-item a:hover  {
	border-bottom: 6px solid #2456D6 !important;
	color:#2456D6 !important;


}
.header-navigation .current-menu-item > a {
	color:#2456D6 !important;
	border-bottom: 6px solid #2456D6 !important;
}

.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
	min-width: 300px !important;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
	height:1em;
	width:1em;
}

.wp-block-navigation .wp-block-navigation__submenu-icon svg {
	margin-top:-5px;
}

.cover-hero {
	margin-top:-110px !important;
}

.cover-hero .a-telecom-company-wrap {
	position:absolute;
	bottom:0;
	width:100%
}
.cover-hero .a-telecom-company-wrap img {
	right:14px;
	bottom:0;
	position:absolute;
}

.cover-hero .a-telecom-company {
	padding-bottom:40px;
}


/*Forms*/
label {
	width:100%;
	text-align:left;
	display:inline-block;
}

input, select, textarea {
	padding:16px 10px;
	width:100%;
	border:none;
	box-sizing:border-box;
	font-family: inherit;
	font-size:15px;
}

textarea{
	margin-bottom:12px;
}

input[type="radio"], input[type="checkbox"] {
	height:20px;
	width:20px;
	position: relative;
    top: 5px;
}

input[type="submit"] {
	background-color: #4B2FE0;
	border-radius: 50px;
	width:60px;
	color: white;
	text-align:left;
	font-family:inherit;
	font-weight:bold;
	font-size:18px;
	padding-left:30px;
}
input[type="submit"]:hover {
	background-color: #3A1FC0;
	cursor: pointer;
}

/* forms page */
.page-id-46 main ul, .parent-pageid-46 main ul {
	list-style-type: none !important;
}

.page-id-46 main ul li, .parent-pageid-46 main ul li {

	margin-top:0px;
	border-bottom: 1px solid #D6D6D6;

}

.page-id-46 main ul li a, .parent-pageid-46 main ul li a {
	display:inline-block;
	width:100%;
	padding:10px;
}

.page-id-46 main ul li a:hover, .parent-pageid-46 main ul li a:hover {
	background-color:#D6D6D6;
}


.page-id-46 main ul li:first-child, .parent-pageid-46 main ul li:first-child {
	border-top: 1px solid #D6D6D6;
}

.page-id-46 main h2, .parent-pageid-46 main h2 {
	padding-bottom:10px;
	border-bottom: 1px solid #D6D6D6;
}

.wp-block-tiptip-hyperlink-group-block:hover {
	background-color:rgba(0, 0, 0, 0.3);
}

#sp-wp-tabs-wrapper_474 .sp-tab__nav {
    justify-content: center !important;
}

.page-id-37 .provider-posts-to-filter .wp-block-button a, input[type="submit"] {
	width:90%;
}

.btn-provider-soon {
	background-color: #c4c4c4;
	border-radius: 50px;
	width:90%;
	color: white;
	text-align:center;
	font-family: inherit;
	font-weight:600;
	font-size:var(--wp--preset--font-size--medium);
	padding:18px 20px;
	border:0px;
}

.wp-block-cover {
    position: relative;
    overflow: hidden;
}


.fly {
    position: fixed;  /* float over entire screen */
    top: 0;
    left: 0;
    width: clamp(120px, 10vw, 160px);
    pointer-events: none;
    z-index: 9999;
    will-change: top, left;
}
/* animation */
.fly1 {     
	position: fixed;
    top: 0;
    left: 0;
    width: clamp(300px, 10vw, 160px);
    animation: slideFloat1 6s ease-in-out infinite alternate;
    will-change: transform; 
}
.fly2 {	
	position: fixed;
    top: 0;
    left: 0;
    width: clamp(300px, 10vw, 160px);
    animation: slideFloat2 6s ease-in-out infinite alternate;
    will-change: transform; 
}

@keyframes slideFloat1 {
    0% {
        transform: translate(-20vw, 20vh);
    }
	40% {
        transform: translate(-2vw, 20vh);
    }
    60% {
        transform: translate(-2vw, 20vh);
    }
	100% {
        transform: translate(-20vw, 20vh);
    }
}
@keyframes slideFloat2 {
    0% {
        transform: translate(100vw, 20vh);
    }
    40% {
        transform: translate(85vw, 20vh);
    }
	60% {
        transform: translate(85vw, 20vh);
    }
	100% {
        transform: translate(100vw, 20vh);
    }
}


@media (max-width: 767px) {

	/* animation */
	.fly1 {     
		position: fixed;
		top: 0;
		left: 0;
		width: clamp(160px, 10vw, 160px);
		animation: slideFloat1 5s ease-in-out infinite alternate;
		will-change: transform; 
	}
	.fly2 {	
		position: fixed;
		top: 0;
		left: 0;
		width: clamp(160px, 10vw, 160px);
		animation: slideFloat2 5s ease-in-out infinite alternate;
		will-change: transform; 
	}

	@keyframes slideFloat1 {
		0% {
			transform: translate(-40vw, 40vh);
		}
		
		100% {
			transform: translate(-20vw, 40vh);
		}
	}
	@keyframes slideFloat2 {
		0% {
			transform: translate(95vw, 40vh);
		}
		100% {
			transform: translate(75vw, 40vh);
		}
	}
}