@import url('//fonts.googleapis.com/css?family=Muli:900');
/************ COLORS  *********
0f3467 - Dark Blue
8b8a68 - Gold
dddddd - Grey
***/


/* DEFAULT FOR ALL
body, p, h6 { color: #666; }
h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;} */

/* SIZES 
h1 {font-size: 2.5rem; }
h2, h3, h4, h5, h6 { font-size: 2rem;}*/

/* FONTS 
body, p, h6 {font-family: Arimo, sans-serif; }
h1, h2, h3, h4, h5 { font-family: Adamina, serif }*/

/* STYLING 
h1 {color: #0f3467;}
h2 {color: #8b8a68;}
h3 {color: #0f3467; border-bottom: 1px solid #666666;}
h4 {background: #0f3467; color: white; border-radius: .2rem; padding: .1rem .4rem;}
h5 {color: #0f3467; text-transform: uppercase;}
a { color: #3e7cd2;}*/

h1, h2, h3, h4, h5 {
  margin: 0.75rem 0;
}

blockquote {
  color: #666666;     
  padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #d5d5d5;
  font: italic 16px/22px Georgia, Serif;
}

.button, .g-pricingtable .button {
  display: inline-block;
  font-family: "playfairdisplay";
  font-weight: 900;
  font-style: italic;
  background: linear-gradient(-45deg, #1c7dc9 55%, #0088f3 55%);
  color: #fff;
  font-size: 1.375rem;
  line-height: 1.8;
  margin: 0 0 0.5rem 0;
  padding: 0.3rem 1.3rem;
  border-radius: 0.2rem;
  vertical-align: middle;
  text-shadow: none;
  transition: all 0.2s ease-in-out !important;
}

.button:hover {
  display: inline-block;
  font-family: "playfairdisplay";
  font-weight: 900;
  font-style: italic;
  background: linear-gradient(-45deg, #1c7dc9 55%, #0088f3 55%);
  color: #fff;
  font-size: 1.375rem;
  line-height: 1.8;
  margin: 0 0 0.5rem 0;
  padding: 0.3rem 1.3rem;
  border-radius: 0.2rem;
  vertical-align: middle;
  text-shadow: none;
  transform: scale(0.98);
  transition: all 0.2s ease-in-out !important;
}

/************ BUTTONS  ***********
.readon, .button { 
  color: white; 
  background: #0f3467; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: none;
}
.readon:hover, .button:hover {background: #ddd;} */

/************ HEADER AND MENU  ************/
.homelayout #g-container-navigation {padding-top: 0px; width: 100%;} 
#g-page-surround {background: url(background.jpg) 0 0 no-repeat; background-size: 100%; }

@media only screen and (min-width: 1200px) {
	.homelayout #g-container-navigation { position: absolute; } 
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.g-owlcarousel-layout-standard .owl-item > div .g-owlcarousel-content { left: 10%;}
}

@media only screen and (max-width: 767px) {
	.fp-header {margin-top: 0px;}
	#g-navigationmain {background: transparent; }
	#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after {color: white;}
	.g-logo img {width: 50%; padding-bottom: 0;}
	.g-logo {padding-bottom: 0;}
	.g-social a {color: #0088f3;}
	#gsocialmobile .g-content {padding: 0;}
	#g-navigationmain .g-grid .g-block {padding-bottom: 0;}
}
 

/************ ROTATOR  ************/
.g-owlcarousel-layout-standard .owl-item > div .g-owlcarousel-content {top: 50%;}
.g-owlcarousel-item-desc h2 {
	text-transform: uppercase;
    font-size: 4.4vw;
    font-weight: 300;
    line-height: 1.1;
    margin: 0;
    margin-left: -8px;
    padding-bottom: 1.2rem;
}


@media only screen and (max-width: 767px) {
	.g-owlcarousel-item-desc, .g-owlcarousel-layout-standard .owl-item > div .g-owlcarousel-content {display: block;} 
	.g-owlcarousel-layout-standard .owl-item > div .g-owlcarousel-content {top: 10%;}
	.g-owlcarousel-content h3 {font-size: 1rem;}
}



/************ QUICKLINKS  ************/
.quicklinks .g-imagegrid-link .indicator:before { font-size: 2rem;} 
.quicklinks .g-imagegrid-item:nth-child(1) .g-imagegrid-link .indicator:before {content: 'Al'; } 
.quicklinks .g-imagegrid-item:nth-child(2) .g-imagegrid-link .indicator:before {content: 'Jackie'; }  
.quicklinks .g-imagegrid-item:nth-child(3) .g-imagegrid-link .indicator:before {content: 'Tori'; } 
.quicklinks .g-imagegrid-item:nth-child(4) .g-imagegrid-link .indicator:before {content: 'Joel'; } 
.quicklinks .g-imagegrid-item:nth-child(5) .g-imagegrid-link .indicator:before {content: 'Dakota'; } 
.quicklinks .g-imagegrid-item:nth-child(6) .g-imagegrid-link .indicator:before {content: 'Jeremy'; } 
.quicklinks .g-imagegrid-item:nth-child(7) .g-imagegrid-link .indicator:before {content: 'Adam'; } 
.quicklinks .g-imagegrid-link .indicator {opacity: 0;}
.quicklinks .g-imagegrid-link .indicator:hover {opacity: 1;}
.quicklinks .g-imagegrid-link .indicator > div {display: none;}

#lightcase-case {width: 50% !important; left:50%; top: 30%; }
#lightcase-case[data-lc-type=image] #lightcase-content {background: none;}
.lightcase-contentInner {margin: auto;}
#lightcase-case:not([data-lc-type=error]) #lightcase-content {box-shadow: none;}
#lightcase-info #lightcase-caption {color: white; font-size: 1.2rem; line-height: 1.2;}

@media only screen and (min-width: 1200px) {}

@media only screen and (max-width: 959px) {
	#lightcase-case {width: 90% !important; }
	#lightcase-info #lightcase-caption { font-size: 1rem;}
}

@media only screen and (max-width: 767px) {
	#lightcase-info #lightcase-caption { font-size: .9rem;}
}




/************ MODULES  ************/

/************ CONTENT  ************/
.blog .g-blockcontent-subcontent {margin: 0;}

/************ HOMELAYOUT  ************/
.homelayout #g-container-main {display: none;}

/************ GRID LAYOUT  ************/
.grid-layout{
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grid-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
	width: 33.333333333%;
	background: #1c7dc9;
	color: white;
    border: .5rem #ffffff solid;
	transition: all .4s ease-in;
}

.grid-item:hover {opacity: .65;} 
.grid-item a {color: white;}
.grid-item a:hover {color: white;}
.grid-description {padding: 0 1rem;}

.content-nopadding #g-mainbar .g-content {margin: 0;padding: 0;}

.grid-description h2 { margin-top: 0px; line-height: 1.3;}

.help-list .page-header h2 { font-weight: 900;}
.help-list #g-mainbar .g-content { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px;}

.roundimagecorners img {border-radius: .5rem;}
/************ BREADCRUMB  ************/
.breadcrumb span.divider:before { line-height: 1.3; }
.breadcrumb li:nth-child(2) .divider {display: inline-block; }

.breadcrumb > li > .divider { margin-right: .25em; padding: 0 5px;}
.moduletable .nav.menu li a:before, .moduletable .mostread li a:before, .moduletable .latestnews li a:before, .moduletable .archive-module li a:before, .moduletable .relateditems li a:before, .moduletable .categories-module li a:before, .moduletable .category-module li a:before, .moduletable .latestusers li a:before, .moduletable .unstyled li a:before {display: none;}

.moduletable .unstyled { border: none; display:block; border: none; padding: 0 0 5px 10px;}
.moduletable .unstyled li { padding: 3px 5px;}

/************ SEARCH  ************/
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
	    padding: .75rem 0.375rem;
}
input.search-query { border-radius: .5rem;}
input[type="text"] { font-size: 1.5rem;}  

/************ HELP SITE IMAGES  ************/
img.blackborder {border: 3px #777 solid;  border-radius: 5px; margin-bottom: 2rem;}
.help-list div[itemprop="articleBody"] h2 { border-bottom: 2px #777 solid; }

/************ TABLES  ************/
table, td {border: none; }
.imageseperator { height: 3rem; }


.mostpopulartitle .g-title {padding-bottom: 0;}
#g-abovemain .g-content {padding-bottom: 0;}
#g-showcasemain .g-content {padding: 0;}
#g-page-surround:before {width: 0;}


p.csscode {background-color: #f7f7f7;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0.938rem; margin: 0 0 1.5rem;
	border-radius: 0.1875rem;
	font-family: "Menlo", "Monaco", monospace;
	clear: both;
}

/**** Create a nice looking table with alternating rows *****/
.alternaterows  {width: 100%;}
.alternaterows tr:nth-child(even) {background: #fff; border-bottom: 1px solid #ddd;}
.alternaterows tr:nth-child(even):hover {background: #E5E5E5; border-bottom: 1px solid #ddd;}
.alternaterows tr:nth-child(odd) {background: #E5E5E5; border-bottom: 1px solid #ddd;}
.alternaterows tr:nth-child(odd):hover {background: #fff; border-bottom: 1px solid #ddd;}
	
 @media only screen and (max-width: 767px){ 
   .alternaterows, .alternaterows div, .alternaterows tr, .alternaterows td, .alternaterows tbody { display: block; table-layout:auto; width: 100%; border: none; margin: 0;}
   .alternaterows img { display: block; margin: 0 auto; width: 100%;}  
   .alternaterows { display:block; }
 }	
 
.g-imagegrid .g-imagegrid-item img { object-fit: cover;}
 

.support-box {
  border: solid 1px hsl(240 5.9% 90%);;
  border-radius: 0.25rem;
  background-color: hsl(0, 0%, 100%);
  overflow-anchor: none;
  padding: 2.5rem 4rem;
  padding-top: 1.5rem;
  box-shadow: 0 1px 2px 0 rgba(48,48,48,0.302),0 1px 3px 1px rgba(48,48,48,0.149);
  border-left-width: 0.125rem;
  border-color: #1c7dc9;
}

 /* domain pipeline code */

 :not(:defined) {
  visibility: hidden;
  opacity: 0;
}

:defined {
  transition: all 0.25s ease-in;
}

.domain-pipeline ::part(summary) {
  color: #1c7dc9;
  font-size: clamp(1rem, 1.25vw, 2rem);
}

.domain-pipeline .page-header h2 {
  margin-top: 0;
  font-size: clamp(1.3rem, 3vw, 4rem);
  border-bottom: 2px solid #1c7dc9;
}

.domain-pipeline sl-details :is(table, td, th) {
  border: 1px solid hsl(240 5.9% 90%);
}

.ai-search #g-mainbar > div:nth-child(3) > div > div {
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 5rem;
}

.ai-search #g-mainbar {
  margin-bottom: 4rem;
}

.ai-search #g-mainbar .moduletable {
  margin: 0 !important;
}

.ai-search #searchWidgetTrigger {
  width: 100%;
  box-sizing: inherit;
  padding: 1rem;
  border-radius: 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.ai-search #g-mainbar > div:nth-child(2) > div > div > div > div > div > div.page-header > h2 {
  margin: 0 !important;
}

.ai-search #g-mainbar > div:nth-child(2) > div > div {
  padding-top: 0;
}

/* updates 10/10/25 */

.button:hover {
  margin-bottom: 0;
}

/* menu update */

.g-toplevel {
  gap: 1rem;
}

/*  */

.better-quicklinks .g-blockcontent-subcontent-block-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
}

.better-quicklinks a {
  margin-bottom: 0;
}

.better-quicklinks .g-blockcontent-subcontent-block-content > :is(h4,div,p) {
  margin: 0;
}

/* grid improvements */

.grid-layout h2 {
  margin-bottom: 0;
}

.grid-layout .grid-description {
  padding: 1.5rem;
}