/**
 * Sunart Networks Drupal 9 2021
 * your custom CSS modifications here.
 */
 
 /* Bootstrap Styling */
 
 /**
 * Basic Page Setup Styling
 * 
 */
 
 #auth_box input[type="text"],
 #auth_box input[type="password"] {
 	width: 100%
 }
 
 .author {
 	 display: none
 }
 
 

 
 .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9  {


 	 padding-left: 0px;
 	 padding-right: 0px

 }
 
.row {

	 margin-right: 0%;
	 margin-left: 0%;


}

.region {

}

 body {
 	margin-top: 0px;
 	padding-left: 0px;
 	padding-right: 0px
 }
 
 .page-header {
 	border-bottom-width: 0px
 }
 
 .container-fluid {
 	 padding-left: 0px;
 	 padding-right: 0px
 }
 
 .product-image2 {
	 display: none;
}

.main-container {
background-color: #eceded
}

.main-content {
	background-color: #eceded
}
 
 /* Alerts */
 
 .alert-success {
 	background-color: #387e97;
 	border: none;
 	color: #fff;
 }
 
 /* Main Navigation */
 
 #block-alock-bespoke-design-main-menu {
 	 clear: both;
 	 float: right;
 	 margin: -65px 7% 0px 0px;
 	 position: relative;
 	 z-index: 350
 }
 

 
 
 
#block-alock-bespoke-design-main-menu .menu {
	float: right;
	font-family: myriad-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.5em;
 	text-transform: uppercase;
 }

 #block-alock-bespoke-design-main-menu .navbar-nav > li > a {
padding: 3px 20px 3px 20px;
 }
 
 #block-alock-bespoke-design-main-menu .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
 	background-color: transparent;
 }
 

 
 #block-alock-bespoke-design-main-menu li {
 	 	border-color: #fff;
 	border-style: solid;
 	border-width: 0px 1px 0px 0px;
 }
 
 #block-alock-bespoke-design-main-menu .last {
 	border-color: #fff;
 	border-style: solid;
 	border-width: 0px 0px 0px 0px;
 }


 #block-alock-bespoke-design-main-menu li a:link,
 #block-alock-bespoke-design-main-menu li a:visited {
 	color: #fff;

 }
 
#block-alock-bespoke-design-main-menu li a:hover {
	background-color: transparent;
	background-image: url(../../../sites/sunartnet/files/menu-tab.png);
	background-repeat: no-repeat;
	background-position: center 24px;
 }
 
 #block-alock-bespoke-design-main-menu .navbar-nav li a.is-active {
 		background-color: transparent;
	background-image: url(../../../sites/sunartnet/files/menu-tab.png);
	background-repeat: no-repeat;
	background-position: center 24px;


 }
 
 
 /* Top Menu */
 
 
#block-topmenu {

 	 float: right;
 	 margin: -177px 7% 0px 0px;
 	 position: relative;
 	 z-index: 400
 }
 
 
 
#block-topmenu .menu {
	float: right;
	font-family: myriad-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2em;
 	text-transform: uppercase;
 }
 
#block-topmenu .nav > li > a {
padding: 2px 15px 2px 15px;
 }
 
 #block-topmenu .nav > li {
	float: none;
	display: inline-block
}
 
  #block-topmenu li {
 	 	border-color: #5c5a5a;
 	border-style: solid;
 	border-width: 0px 1px 0px 0px;
 }
 
 #block-topmenu .last {
 	border-color: #5c5a5a;
 	border-style: solid;
 	border-width: 0px 0px 0px 0px;
 }
 
 #block-topmenu li a:link,
 #block-topmenu li a:visited {
 	color: #5c5a5a;

 }
 
 #block-topmenu li a:hover {
	background-color: transparent;
	background-image: url(../../../sites/sunartnet/files/menu-tab.png);
	background-repeat: no-repeat;
	background-position: center 24px;
 }
 
 #block-topmenu .navbar-nav li a.is-active {
 		background-color: transparent;
	background-image: url(../../../sites/sunartnet/files/menu-tab.png);
	background-repeat: no-repeat;
	background-position: center 24px;


 }
 
 
 /* SIDR Menu */
 
 #block-sidrtriggerbuttonblock {
 	 display: none;
 }
 
#block-mobilemenu {
 	display: none;
 }
 
 
 
  #block-sidrtriggerbuttonblock {
 	 clear: both;
 	 float: right;
 	 margin: -65px 7% 0px 0px;
 	 position: relative;
 	 z-index: 350
 }
 
 
 #block-sidrtriggerbuttonblock button {
	border: none;
	background-color: transparent;
	padding: 3px 2px 15px 2px;

}

.sidr a {
    outline: none !important;
    text-decoration: none;
}




.sidr {
background-color: #009fd8;
box-shadow: 0px 0px 3px rgba(4, 111, 149, 0.8) inset;
font-weight: 400;
font-style: normal;
font-size: 1.3em;
text-transform: uppercase;
}

.sidr li {
border-color: #27c4fc;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding: 10px 0px 10px 15px;

}

.sidr a:link,
.sidr a:visited {
	color: #fff;
}

.sidr-inner ul,
.sidr-inner li {
	list-style-type: none;
}



 

 
 /* Logo */
 
 
 #block-logoblock {
 	background-image: url(../../../sites/sunartnet/files/menu-background.png);
 	background-repeat: repeat-y;
 	background-size: contain;
 	padding: 6px 7% 6px 7%;
 	margin: 75px 0px 0px 0px;
 	position: relative;
	z-index: 300
 }
 
 /* Flexslider */
 
 #block-views-block-home-banner-block-1 {
 	float: left;
 	width: 100%;
 	height: auto;
 	margin-top: -142px;
 	position: relative;
 	z-index: 100
 }
 
 .mobile-banners {
 	display: none;
 }
 
 #block-views-block-basic-banners-block-1 {
 	float: left;
 	width: 100%;
 	height: auto;
 	margin-top: -192px;
 	position: relative;
 	z-index: 100
 }
 
 #block-views-block-basic-banners-block-1 img {
 	width: 100%;
 	height: auto;
 }
 
 .flexslider {
 	border: none;
 }
 
 /* Home Blocks */
 
 #block-views-block-basic-heading-block-1,
 #block-views-block-contact-header-block-1 {
 	 clear: both;
 	 position: relative;
 }
 
 #block-homeblocks {
 	margin: 0px 3.5% 0px 3.5%
 }
 
 .home-title {
 color: #4b4b4b;
 	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.8em;

 }
 
 .home-title img {
 	max-width: 60px;
 	 width: 20%;
 	 height: auto;
 	 margin: 5px 15px 20px 0px;
 }
 
 .home-body {
	color: #4b4b4b;
	font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.3em;
 }
 
 .home-block-wrapper {
 	 display: table;
 }
 
 .home-block {
 	display: table-cell;
 	padding: 20px 3.5% 20px 3.5%;
 	width: 33%;
 }
 
 .home-cell {
 	display: table-row;
 }
 
 .home-arrow {
 	 float: right;
 	 margin: 15px 0px 0px 0px;
 }
 
 /* Sunart Home Block */
 
 #block-sunartnetworksblock {
 	background-color: #dcdfdf;
 	padding: 60px 7% 20px 7%;
 	text-align: center;
 	
 }
 
 .block-logo {
 	 margin: 0px 0px 30px 0px;
 }
 
 .sunart-body {
 	color: #4b4b4b;
	font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.3em;
 }
 
 .learn-more {
 background-color: #0e867e;
 border-radius: 8px;
 color: #fff;
 	 font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.4em;
 	 margin: 45px auto 20px auto;
 	 padding: 2px 40px 2px 40px;
width: 220px;
 }
 
 .learn-more a:link,
 .learn-more a:visited {
 	 color: #fff;
 	 text-decoration: none;
 }
 
 .learn-more:hover {
 	background-color: #a8a9a9;
 	text-decoration: none;
 }
 
 /* Home - Contact Block */
 
 #block-views-block-contact-home-block-block-1 {
 background-color: #0e867e;
 color: #fff;
 padding: 50px 7% 50px 7%
 }
 #block-views-block-contact-home-block-block-1 label {
 	font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.4em;
 }
 
 #block-views-block-contact-home-block-block-1 .button {
 background-color: #095c56;
 border: none;
 border-radius: 8px;
 	font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.4em;
padding: 5px 45px 5px 45px;
text-transform: uppercase;
 }
 
 #block-views-block-contact-home-block-block-1 .button:hover {
 	background-color: #595b5b
 }
 
 .home-contact-form {
 	 float: right;
width: 43%;
 }
 
 
 .form-item-first-name,
 .form-item-email
  {
width: 47%;
float: left;
 }
 
 .form-item-last-name,
 .form-item-phone-mobile {
 	width: 47%;
 	float: left;
 	margin-left: 5.5%;

 }
 
 .home-contact-body {
 color: #fff;
 font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400;
font-style: normal;
padding: 30px 0px 0px 0px;
 	 width: 44%
 }
 
 .contact-line1 {
 	 font-size: 2.2em;
 	 margin: 30px 0px 30px 0px;
 }
 
  .contact-line2 {
 	 font-size: 1.5em;
 	 margin: 40px 0px 30px 0px;
 }
 
  .contact-line3 {
 	 font-size: 2.6em;
 	 margin: 40px 0px 30px 0px;
 }
 
 /* Network Map */
 
 #block-networkcoveragemap {
 	overflow: hidden;
 }
 
 .network-map {
 	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%) contrast(100%) brightness(90%);
  margin: -60px 0px 0px 0px;
 }
 
 /* My Account */
 
 h1 {
 	color: #4b4b4b;
 font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.8em;
padding: 40px 7% 10px 7%;
 }
 
 .basic-body {
 color: #4b4b4b;
 font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.3em;
 	padding: 30px 7% 30px 7%;
 }
 
.iframe-wrapper {
	background-color: #dcdfdf;
	background-image: url(../../../sites/sunartnet/files/account-background.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding: 40px 7% 40px 7%;
}

.iframe-wrapper li:link {
	color: #4b4b4b;
}

/* Order Now */

#block-codeofpractice .scot-net-links {
color: #fff;
background-color: #0e867e;
	padding: 40px 7% 40px 7%;
}

#block-codeofpractice .scot-net-links a:link,
#block-codeofpractice .scot-net-links a:visited {
	 color: #fff;
	 font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.3em;
line-height: 2.6em;
}

.scot-net-links img {
	 margin: 0px 15px 0px 20px;
	 max-width: 40px;
	 height: auto;
}


/* Broadband Packages */


.package-table {
	background-color: #0e867e;
	color: #fff;
	font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.3em;
padding: 40px 7% 40px 7%;
}


.package-table table {
	 border-color: #fff;
	 border-style: solid;
	 border-width: 1px 1px 1px 1px;
	 text-align: center;
}

.package-table table th {
background-color: #1aa39a;
	 text-align: center;
	 line-height: 1em;
	 padding: 10px 0px 10px 0px;
}

.package-table table td {
	line-height: 2em;
	border-color: #1aa39a;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
}

.notes {
background-color: #dcdfdf;
color: #4b4b4b;
font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.3em;
	padding: 40px 7% 40px 7%;
}

.notes a:link,
.notes a:visited {
	color: #0e867e
}


/* FAQs */

#block-views-block-faqs-block-1 {
	padding: 40px 7% 40px 7%;
}

.views-accordion-header {
background-color: #dcdfdf;
border: none;
color: #4b4b4b;
	font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.5em;
}

.views-accordion-header:hover,
 .views-accordion-header .ui-accordion-header-active {
	background-color: #0e867e;
	color: #fff;
}

.question {
	font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.3em;
}

.answers {
color: #4b4b4b;
	font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.2em;
}


 /* Footer */
 
 .footer {
 	border: none;
 	background-color: #ededed;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;

 }
 
 #block-footerlogo {
 	 text-align: center;
 	  	padding: 95px 0px 70px 0px;
 }
 
 #block-footerlogo img {
 	 max-width: 200px;
 	 height: auto;
 }
 
 #block-socialmedialinks {
 background-color: #dcdfdf;

 padding: 20px 0px 20px 0px;
 	 text-align: center
 }
 .social-icon {
 	 display: inline-block;
 	 margin: 0px 10px 0px 10px;
 	 
 }
 
 #block-footerlinks {
 	background-color: #dcdfdf;
 	 color: #595a5a;
 	font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.3em;
line-height: 2em;
text-transform: uppercase;
 	padding: 0px 7% 30px 7%;
 }
 
 .footer-links-block {
 	 float: left;
 }
 
  .footer-links-block a:link,
  .footer-links-block a:visited {
 	 color: #6f7171;
 	 text-decoration: none
 }
 
 .footer-links-block a:hover {
 	 color: #0e867e
 	 
 }
 
 
 
 .footer-links {
 	border-color: #c4c4c4;
 	border-style: solid;
 	border-width: 0px 0px 1px 0px;

 }
 
 .footer-contacts {
 	 float: right;
 	 font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400;
font-style: normal;
 	 text-align: right;
 }
 
 #block-footerlinks .tel {
 color: #6f7171;
 	font-size: 1.6em;
 	margin: 0px 0px 20px 0px;
 }
 
 #block-footerlinks .tel img {
 	 margin-right: 20px;
 }
 
 #block-footerlinks .email img {
 	 margin-right: 15px;
 }
 
  #block-footerlinks .email {
 color: #6f7171;
 	font-size: 1.1em;
 	text-transform: none 
 }
 
  #block-footerlinks .email a:link,
  #block-footerlinks .email a:visited {
 color: #6f7171;
 	text-transform: none;
 	text-decoration: none;
 }
 
 #block-footerlinks .email a:hover {
 color: #0e867e;

 }
 
 #block-termsandcopyright {
 background-color: #808080;
 	color: #fff;
 	font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1em;
padding: 10px 0px 10px 0px;
 	text-align: center;
 }
 
 #block-termsandcopyright a:link,
 #block-termsandcopyright a:visited {
 	 color: #fff;
 }
 
 
 /* Mobile Menu - 1130px */
 
 @media (max-width: 1130px) {
 
  #block-views-block-basic-banners-block-1 {
 	float: left;
 	width: 100%;
 	height: auto;
 	margin-top: -142px;
 	position: relative;
 	z-index: 100
 }
 
  #block-sidrtriggerbuttonblock {
 	 display: block;
 }
 
 #block-logoblock {
  background-image: url(../../../sites/sunartnet/files/menu-background.png);
  background-repeat: repeat-y;
  background-size: contain;
  padding: 6px 7% 6px 7%;
  margin: 25px 0px 0px 0px;
  position: relative;
  z-index: 300;
}
 
 .menu {
 	 display: none;
 }
 
 }
 
 
  /* Mobile Menu - 980px */
  
  @media (max-width: 980px) {
  
  
  .home-block {
  display: table-cell;
  padding: 20px 1% 20px 1%;
  width: 34%;
}
  
  
  
  }
  
  
    /* Mobile Menu - 760px */
  
  @media (max-width: 760px) {
  
  
  .home-block {
  display: block;
  padding: 20px 10% 20px 10%;
  width: 100%;
}



.contact-line1 {
  font-size: 1.9em;
  margin: 30px 0px 30px 0px;
}

.contact-line2 {
  font-size: 1.3em;
  margin: 40px 0px 30px 0px;
}

.home-contact-body {
  color: #fff;
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 1px 0px 0px 0px;
  width: 35%;
}

.home-contact-form {
  float: right;
  width: 53%;
}

.contact-line3 {
  font-size: 1.6em;
  margin: 40px 0px 30px 0px;
}

.network-map {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%) contrast(100%) brightness(90%);
  margin: -60px 0px 0px 0px;
}

#block-views-block-contact-home-block-block-1 label {
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.3em;
}

#block-views-block-contact-home-block-block-1 .button {
  background-color: #095c56;
  border: none;
  border-radius: 8px;
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3em;
  padding: 5px 45px 5px 45px;
  text-transform: uppercase;
}

.home-title {
  color: #4b4b4b;
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.2em;
}



#block-views-block-basic-banners-block-1 {
  float: left;
  width: 100%;
  height: auto;
  margin-top: -142px;
  position: relative;
  z-index: 100;
}

h1 {
  color: #4b4b4b;
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.4em;
  padding: 40px 7% 10px 7%;
}
  
  
  
  }
  
  
      /* Mobile Menu - 480px */
  
  @media (max-width: 480px) {
  
  h1 {
  color: #4b4b4b;
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.4em;
  padding: 40px 7% 10px 7%;
  margin-top: 30px;
}
  
   .mobile-banners {
 	display: block;
 }
 
 .home-banner,
 .basic-banner {
 	 display: none;
 }
 
 .home-block {
  display: block;
  padding: 20px 5% 20px 5%;
  width: 100%;
}
 
 .home-title img {
  max-width: 60px;
  width: 15%;
  height: auto;
  margin: 5px 15px 20px 0px;
}

.home-title {
  color: #4b4b4b;
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2em;
}
 
 .home-contact-form {
  float: none;
  width: 100%;
}

.home-contact-body {
  color: #fff;
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 1px 0px 0px 0px;
  width: 100%;
  
  }
  
  #block-footerlinks .tel {
  color: #6f7171;
  font-size: 1.5em;
  margin: 0px 0px 20px 0px;
}
  
  .footer-contacts {
  float: right;
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  width: 100%;
  margin: 20px 0px 60px 0px;
}

.footer-links-block {
  float: none;
  margin: 0px auto 0px auto;
  text-align: center;
  width: 200px;
}

#block-termsandcopyright {
  background-color: #808080;
  color: #fff;
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .9em;
  padding: 10px 0px 10px 0px;
  text-align: center;
}
  
  }
  

  .webform-confirmation__message {
  	  color: #fff;
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3em;
  margin: 80px 0px 0px 0px;
}

.webform-confirmation__back {
	 display: none;
}