/*
Theme Name: Drivers Unite 
Theme URI: http://driverunite.com/
Author: Phillip Mulkins
Author URI: http://driverunite.com/
Description: A custom website designed for Drivers Unite  
Tags: red, white, blue

Version: 9.9

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

 *
 *
 *
 * CSS resets and layout uses modified version of the Blueprint CSS Framework 1.0.1
 * http://blueprintcss.org
 * Copyright (c) 2007-Present. See LICENSE for more info.
 *
 *
 *
*/

/*    BlurePrint Reset and Framework        */
/*------------------------------------------*/
@import url('css/screen.css'); /* DO NOT REMOVE! */


/*        Global Syles                 */
/*------------------------------------*/

details, figcaption, figure { border: 0; font-size:100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }
audio, canvas, video { border: 0; vertical-align: baseline; margin: 0; padding: 0; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { height: 100%; }

body { height: 100%; 
       font-family:font-family: "Roboto", sans-serif; 
	   background: none repeat 0 0 scroll #FFF; }

:focus { outline: 0; }

ol, ul { list-style: none; }

a { text-decoration: none; }

table { border-collapse: separate;
        border-spacing: 0; }

img { clear: both; }



/*      Global WordPress Styles       */
/*-----------------------------------*/

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

.sticky {}

.bypostauthor {}

/* Fonts */
.zolando {
   font-family: "Zalando Sans SemiExpanded", sans-serif;
}
.roboto {
   font-family: "Roboto", sans-serif;
}

/*      Basic Two-Column (Right) Lyouout       */
/*--------------------------------------------*/

#primary { float: left; 
  display:block;
           width: 768px; }

#content { width: 768px; }

#sidebar { overflow: hidden;
           float: right;
           width: 220px; }

#footer-bottom { clear: both;
                 width: 100%; }



/*    Framework Styles        */
/*---------------------------*/

#top-header { padding: 0 0 0px 0; }

#main { padding: 0; 
        font-size: 16px; }

#footer-bottom { padding: 0 0 10px 0; }

.entry-header { margin: 0 0 25px 0; }

article { padding: 0 0 30px 0; }




/*    Primary Menu (Dropdown) Styles       */
/*----------------------------------------*/

#access { padding: 15px 10px 5px 18px; 
          z-index: 500; }

nav[role="navigation"] { position: relative; }

nav[role="navigation"] ul { margin: 0 0 0 0;
                            padding: 0 0 0 0; 
						    display: block; }

nav[role="navigation"] ul li { height: 2em; clear: both; display: inline-block; }
nav[role="navigation"] ul li a { padding: 4px 8px; }

nav[role="navigation"] ul li ul  { display: none; } 
nav[role="navigation"] ul li:hover ul  { display: block; } 
nav[role="navigation"] ul li ul  { position: absolute;
                                   padding: 10px 0 0 0; }

nav[role="navigation"] ul li ul li { display: block;
                                     position: relative; }

nav[role="navigation"] ul li ul li ul  { display: none !important; }
nav[role="navigation"] ul li ul li:hover ul  { display: inline !important; 
                                               position: relative !important; }
nav[role="navigation"] ul li ul li ul { padding: 0 0 0 0 !important;}

nav[role="navigation"] ul li ul li ul li { display: inline-block !important;
                                           position: relative; } 


/*    Static Sidebar Widget Styles       */
/*---------------------------------------*/											 

#sidebar-search { padding: 0 0 25px 0 ; }



/*    Navigation       */
/*--------------------*/


.nav-next { float: left; }
.nav-previous { float: right; }



/*    Theme Credit Text      */
/*--------------------------*/

#theme-credit { text-align: center; }


/*             Azure Basic Styles             */
/*-------------------------------------------*/

h1 { font-size: 2.5em; }

#container-full { padding: 0; }

#top-header { float:left; width:768px; display:block; }
			  

/* Top Navigation */

#access {  background:transparent; }
		  
#access a { color: #fff; 
            }

#access a:hover { color: #01152a; }

#access ul li:hover ul  {   }


/* Header Title Section */

#top-header-section { width: 100%; }

#main-title { float: left;
              position: relative;
              width: 100%; 
		      padding-left: 1.5em;
			  padding-top: 10px;
              z-index: 25; }

#site-title { text-transform: uppercase;
              margin-bottom: 10px; 
              font-size: 48px; }

#site-description { font-variant: small-caps; 
                    font-size: 14px; 
					margin-bottom: 20px; }

#header-sidebar-section { float: right;
                          text-align: right;
                          position: relative;
			              padding-right: 15px;
                          width: 560px;
				          font-size: 12px;
			              text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
			              padding-top: 10px;
                          z-index: 35;	}

#header-sidebar-section ul { list-style-type: none;
                             margin: 0;
				             text-align: right;
				             width: 560px; 
                             padding-left: 0; }
							 
#header-sidebar-section ul ul li { display: inline; 
                                   padding-right: 15px; }


/* Header Image */

#header-image { width:100%; 
                height: auto; 
}


/* Main Content Section */

#main {   }

.featured-thumb { margin-bottom: 10px; }
 
article {  padding:0; margin:0; }
		  
.entry-content { padding-top: 5px; }

.entry-title { font-size: 28px; 
               text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }

.entry-meta { font-size: 10px; 
	          color: #8E8C84; }

.entry-meta a:hover { text-decoration: underline; }

.entry-content a:hover { text-decoration: underline; }

.entry-content embed { width: 675px; }

.page-link { margin-bottom: 10px; }

/* Sidebar Section */

#sidebar { color: #545350; 
          }

#sidebar-widget-title { color: #545350; }

.screen-reader-text[for="s"] { display: none; }

#wp-calendar { width: 100%; }

#calendar_wrap #wp-calendar caption { text-align: center; }

#wp-calendar #prev, #wp-calendar #next { font-style: normal;
                                         font-size: 9pt; }

#wp-calendar #next { text-align: right; }



/* Single Page and Comments */

.assistive-text { color: #545350; }

#nav-single { padding-left: 25px; }

#comments { padding-left: 25px; }

#comments #respond { padding-left: 25px; }

.comment-meta { margin-bottom: 10px; }

.comment-author img { padding-right: 5px; }

#nav-below { padding-left: 25px; }

.pingback .edit-link { margin-left: 10px; }

.comment-author a { color: #6fa2d6; }

.comment-author a:hover { color: #28598A; 
                          text-decoration: underline; }

.comment-author img { margin: 0 10px 0 0; }

.comment-form-author input[type="text"] { margin-left: 27px; 
                                          background: none repeat scroll 0 0 #FFFFFF;
                                          color: #7E7E7E;
                                          outline: 0 none;
                                          padding: 5px 10px;
                                          position: relative;
                                          width: 175px; }

.comment-form-email input[type="text"] { margin-left: 30px; 
                                         background: none repeat scroll 0 0 #FFFFFF;
                                         color: #7E7E7E;
                                         outline: 0 none;
                                         padding: 5px 10px;
                                         position: relative;
                                         width: 175px; }

.comment-form-url input[type="text"] { margin-left: 25px; 
                                       background: none repeat scroll 0 0 #FFFFFF;
                                       color: #7E7E7E;
                                       outline: 0 none;
                                       padding: 5px 10px;
                                       position: relative;
                                       width: 175px; }

.comment-form-comment label { float: left; 
                              clear: both; }

.comment-form-comment textarea { margin-left: 15px;
                                 margin-top: 0; 
                                 background: none repeat scroll 0 0 #FFFFFF;
                                 color: #7E7E7E;
                                 outline: 0 none;
                                 padding: 5px 10px;
								 width: 500px;
                                 position: relative; }

#commentform p.form-allowed-tags { font-size: 9pt; }

#comment-nav-above, #comment-nav-below { margin-bottom: 15px; }
.container {
    width: 768px;
    margin: 0;
    float: left;
    display: block;
}
.entry-content {
    padding-top: 0;
}

/* Home Page */
#ContainerConstraint {
    width: 100%;
    height: auto;
    min-height: 100vh;
    display: block;
    float: left;
    padding: 0;
    max-width: 768px;
    margin: 0;
}
#WelcomeScreen {
    background: #112649;
    background: -webkit-linear-gradient(180deg, rgba(17, 38, 73, 1) 0%, rgba(48, 102, 175, 1) 100%);
    background: -moz-linear-gradient(180deg,rgba(17, 38, 73, 1) 0%, rgba(48, 102, 175, 1) 100%);
    background: linear-gradient(180deg, rgba(17, 38, 73, 1) 0%, rgba(48, 102, 175, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#112649", endColorstr="#3066AF", GradientType=0 );
    width: 100%;
    display: block;
    height: 100%;
    min-height: 100vh;
}
#WelcomeScreen img {
    max-width: 300px;
    margin: 0 auto;
    display: block;
    margin-top: calc(50% - 193px);
    margin-bottom: calc(50% - 193px);
}
 #primary {
    float: left;
    display: block;
    width: 100%;
    max-width: 768px;
}
.container {
    width: 100%;
    margin: 0;
    float: left;
    display: block;
    max-width: 768px;
}
#content {
    width: 100%;
    max-width: 768px;
}
#WelcomeScreen img {
    animation: pulseFlash 3s ease-in-out infinite;
}

@keyframes pulseFlash {
    0% {
        filter: brightness(1) contrast(1);
    }
    25% {
        filter: brightness(3) contrast(2); /* bright white flash */
    }
    50% {
        filter: brightness(1) contrast(1); /* back to normal */
    }
    60% {
        filter: brightness(6) contrast(4); /* flash again */
    }
    65% {
        filter: brightness(1) contrast(1); /* flash again */
    }
    70% {
        filter: brightness(6) contrast(4); /* flash again */
    }
    75% {
        filter: brightness(1) contrast(1); /* flash again */
    }
    89% {
        filter: brightness(3) contrast(2); /* bright white flash */
    }
    100% {
        filter: brightness(1) contrast(1); /* normal again */
    }
}
#WelcomeScreen {
    background: #112649;
    background: -webkit-linear-gradient(180deg, rgba(17, 38, 73, 1) 0%, rgba(48, 102, 175, 1) 100%);
    background: -moz-linear-gradient(180deg,rgba(17, 38, 73, 1) 0%, rgba(48, 102, 175, 1) 100%);
    background: linear-gradient(180deg, rgba(17, 38, 73, 1) 0%, rgba(48, 102, 175, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#112649", endColorstr="#3066AF", GradientType=0 );
    width: 100%;
    display: block;
    height: 100%;
    min-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}
#HomeNextDivImage img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}
#HomeNextDiv {
  position:relative; 
  padding-top:140px;
}
#HomeNextDiv:before {
    content: '';
    background: url(https://driverunite.com/wp-content/uploads/2026/03/Page2TopOverlayAlpha.gif) left top no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 475px;
    position: absolute;
    left: 0;
    top: -210px;
}
#HomeNextDiv h3 { 
    color: #3066AF;
    font-family: "Golos Text";
    text-align: center;
    font-weight: bold;
}
.nextbtn { 
    text-align: center;
    max-width: 180px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.nextbtn a {
    background: #B31C21;
    color: #fff;
    padding: 10px 0;
    width: 100%;
    display: block;
    border-radius: 100px;
    font-size: 18px;
    font-weight: bold;
    font-family: "Golos Text";
}
.dotsdiv {
    height: 25px;
    width: 140px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
.adot {
    width: 15px;
    height: 15px;
    border-radius: 256px;
    background: #85A5CF;
    margin: 0 3px;
}
.dotsdiv .adot:first-child, .dotsdiv .adot:last-child { 
      width: 10px;
    height: 10px;
    border-radius: 256px;
    background: #85A5CF;
    margin: 0 3px;
}
.adot.active {
    width: 20px;
    height: 20px;
    border-radius: 256px;
    background: #3066AF;
    margin: 0 3px;
}
.adot {
    width: 15px;
    height: 15px;
    border-radius: 256px;
    background: #85A5CF;
    margin: 0 3px;
    display: inline-block;
    vertical-align: middle;
}
#HomeNextDiv h3 {
    color: #3066AF;
    font-family: "Golos Text";
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    max-width: 280px;
    margin: 0 auto;
    margin-bottom: 20px;
}
h1.page-entry-title {
    display: none;
}
article img {
    max-width: 100%;
    height: auto;
}
#LoginLogo {
    max-width: 50%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}
h3 {
   color: #3066AF;
    font-family: "Golos Text";
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    max-width: 280px;
    margin: 0 auto;
    margin-bottom: 20px;
}
#LoginForm {
    max-width: 50%;
    margin: 0 auto;
    margin-top: 30px;
    font-size: 18px;
}
#LoginForm {
    max-width: 50%;
    margin: 0 auto;
    margin-top: 30px;
    font-size: 18px;
}
#LoginForm input[type="text"], #LoginForm input[type="password"] {
    border: none;
    background: #E6E6E6;
    width: 100% !important;
    padding: 14px;
    font-size: 24px;
    border-radius: 15px;
    font-style: italic;
}
.wppb-password-field-container {
   width: 100% !important;
}
.login-username label,
.login-password label {
   display:none;
}
#wppb-submit {
    background: #B21C21;
    background: -webkit-linear-gradient(118deg, rgba(178, 28, 33, 1) 0%, rgba(224, 30, 35, 1) 100%);
    background: -moz-linear-gradient(118deg,rgba(178, 28, 33, 1) 0%, rgba(224, 30, 35, 1) 100%);
    background: linear-gradient(118deg, rgba(178, 28, 33, 1) 0%, rgba(224, 30, 35, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B21C21", endColorstr="#E01E23", GradientType=0 );
    color: #fff;
    border: none;
    padding: 16px 40px;
    border-radius: 10px;
    font-size: 24px;
    min-width: 100%;
    font-weight: bold;
    font-family: "Golos Text";
}
#wppb-submit:hover {
background: #B21C21;
background: -webkit-linear-gradient(287deg,rgba(178, 28, 33, 1) 0%, rgba(224, 30, 35, 1) 100%);
background: -moz-linear-gradient(287deg,rgba(178, 28, 33, 1) 0%, rgba(224, 30, 35, 1) 100%);
background: linear-gradient(287deg,rgba(178, 28, 33, 1) 0%, rgba(224, 30, 35, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#B21C21",
  endColorstr="#E01E23",
  GradientType=0
);
}
.wppb-sc-heading-before-reg-buttons h3 {
  display:none; 
}
#SignUpLink {
    max-width: 50%;
    margin: 0 auto;
    display: block;
    font-size: 24px;
    text-align: center;
}
#RegisterDiv {
    max-width: 69%;
    margin: 0 auto;
    position: relative;
    margin-top: 30px;
}
h3 {
    color: #3066AF;
    font-family: "Golos Text";
    text-align: center;
    font-weight: bold;
    font-size: 63px;
    max-width: 280px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-bottom: 50px;
}
#RegisterDiv h3 {
    color: #3066AF;
    font-family: "Golos Text";
    text-align: center;
    font-weight: bold;
    font-size: 50px;
    max-width: 390px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-bottom: 50px;
}
#RegisterDivInner h4 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    font-family: "Golos Text";
    margin-top: 50px;
    display: block;
}
#RegisterDiv input[type="text"], #RegisterDiv input[type="password"],  #RegisterDiv input[type="email"] {
    border: none;
    background: #E6E6E6;
    width: 100% !important;
    padding: 14px;
    font-size: 24px;
    border-radius: 15px;
    font-style: italic;
} 
#RegisterDiv .submit.button {
    background: #B21C21;
    background: -webkit-linear-gradient(118deg, rgba(178, 28, 33, 1) 0%, rgba(224, 30, 35, 1) 100%);
    background: -moz-linear-gradient(118deg,rgba(178, 28, 33, 1) 0%, rgba(224, 30, 35, 1) 100%);
    background: linear-gradient(118deg, rgba(178, 28, 33, 1) 0%, rgba(224, 30, 35, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B21C21", endColorstr="#E01E23", GradientType=0 );
    color: #fff;
    border: none;
    padding: 16px 40px;
    border-radius: 10px;
    font-size: 24px;
    min-width: 100%;
    font-weight: bold;
    font-family: "Golos Text";
}
#RegisterDiv .submit.button:hover {
background: #B21C21;
background: -webkit-linear-gradient(287deg,rgba(178, 28, 33, 1) 0%, rgba(224, 30, 35, 1) 100%);
background: -moz-linear-gradient(287deg,rgba(178, 28, 33, 1) 0%, rgba(224, 30, 35, 1) 100%);
background: linear-gradient(287deg,rgba(178, 28, 33, 1) 0%, rgba(224, 30, 35, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#B21C21",
  endColorstr="#E01E23",
  GradientType=0
);
}
#RegisterDiv:before {
    content: '';
    background: url(https://driverunite.com/wp-content/uploads/2026/03/Back_Icon.png) left top no-repeat;
    background-size: 100% auto;
    width: 50px;
    height: 50px;
    position: absolute;
    left: -17px;
    top: -7px;
}