/*
 Theme Name:   devdmbootstrap3-child
 Theme URI:    http://www.vwcourtsettlements.com
 Description:  devdmbootstrap3 Child Theme
 Author:       Barry Chapman + Earl Wyatt
 Author URI:   http://www.vwcourtsettlements.com
 Template:     devdmbootstrap3
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  devdmbootstrap3
*/ 

/* The bootstrap.css file is auto-enqueued in functions.php */

/* YOU SHOULD BE MAKING A CHILD THEME. Don't let me be a bad guy and erase all your hard work with a theme update. I just want to bring you new amazing features. I don't want to destroy your world. I've made a child theme available for you to use. Download it here http://devdm.com/DevDmBootstrap3/child-themes/ */

/****************** Special Blank CSS classes for child themes to use without disturbing core bootstrap styles ****************/

.dmbs-container {
	
}

.dmbs-header {

}

.dmbs-header-img {

}

.dmbs-header-text {

}

.dmbs-top-menu {

}

.dmbs-content {

}

.dmbs-main {
}

.dmbs-left {

}

.dmbs-right {

}

.dmbs-footer-menu {

}

.dmbs-author-credits {

}

.dmbs-footer {
	color: #fff;
	font-size:18px;
}

.footer-copyright {
	width:40%;
	float:left;
}

.footer-privacy a {
  color:#fff;
}

.menu-footernav-container, .menu-footernaves-container {
    width: 60%;
    float: right;
    text-align: right;
}

.dmbs-footer .navbar-nav {
	width:100%;
	margin: 0 auto;
}

.dmbs-footer .navbar-nav > li {
    float: right;
}

.dmbs-footer .navbar-nav > li > a {
	padding:0 15px;
	line-height: 22px;
	font-size:14px;
	color: #fff;
}

.dmbs-footer .nav > li > a:hover, .nav > li > a:focus {
	background-color:inherit;
}

/*
.home.page.page-id-5.page-template-default.custom-background.siteorigin-panels.siteorigin-panels-home > div {
    background-color: #fff;
    display: block;
    height: 48px;
    _margin-top: -16px;
    width: 100%;
}
*/

input.txtbox {
    width: 325px;
}
/*
.wordpress-ajax-form > button: ; {
    background-color: #1786b7;
    border: medium none;
    box-shadow: none;
    color: #fff;
    font-size: 0.65em;
    font-weight: bold;
    height: 26px;
    width: 129px;
}
*/
.headBox {
    text-align: center;
}

.headBtn {
    border: 1px solid #fff;
    color: #fff;
    display: block;
    float: left;
    font-size: 1.35em;
    font-weight: normal;
    height: 50px;
    padding-top: 10px;
    width: 240px;
    background-color:#566373;
    margin:5px;
    text-decoration:none;
}

.headBtn:hover {background-color:#fff; color:#566373;     text-decoration:none;}

.NormBox{
    border: 1px solid #656c76;
    box-shadow: 0 0 1px #354050;
    overflow:visible;
}

.center > li {
    display: block;
    margin: 5px;
    float:none;
}

.center {
    margin:0 auto;
    display:in-line;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
	padding:0;
}

.3liter {color: #ba0c2f !important;}

.textwidget > h2, .AdvancedText > h2 {
    border-bottom: 1px solid #c8c8c8;
    box-shadow: -3px 6px 4px -4px #f1f1f1;
    color: #1786b7;
    display: block;
    float: left;
    font-weight: bold;
    padding-bottom: 18px;
    width: 100%;
}

.divInThirds{    margin: 0 auto;
    width: -webkit-fit-content;
       width: -moz-fit-content;
            width: fit-content;
			color:#525252;
			}
			


			
.OneThird {
    display: block;
    float: left;
	width:270px;
	text-align:center;
}


.minithird {
    display: block;
    float: left;
	background-image:url(/wp-content/uploads/2016/06/or-vertical.png);
    background-repeat:no-repeat;
	height:149px;
	width:80px;
	boxrder: solid 1px blue;
}

.clef-login-form .clef-button-container {
	width:auto;
	height:auto;
}

.bLock {
    display: table;
    margin: 0 auto;
//    min-width: 275px;
//    width: 51%;
}
 
.icon {
    display: block;
    float: left;
    height: 30px;
    margin-right: 5px;
    width: 35px;
}

.about {
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/06/sprites.png") no-repeat scroll center top;
}

.docs {
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/06/sprites.png") no-repeat scroll center -159px;
}
.eligible {
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/06/sprites.png") no-repeat scroll center -34px;
}

.faq {
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/06/sprites.png") no-repeat scroll center -93px;
}

.timeline {
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/06/sprites.png") no-repeat scroll center -93px;
}


div.circle {
    font-family: "Noto Sans";
}

div.circle {
    float: left;
    width: 80px;
    height: 80px;
    border: 3px solid #666;
    border-radius: 40px;
    position: relative;
}

div.circle span.month {
    position: relative;
    margin-top: 10px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
}

div.circle span.mont {
    position: relative;
    margin-top: 0px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height:15px;
}


div.circle span.day {
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 23px
}

div.wrapper {
    position: relative;
    height: 80px;
}

div.description {
    padding-left: 40px;
    height: 80px;
    position: absolute;
    width: 100%;
    display: table;
}

div.description p {
    font-weight: bold;

    text-align: left;
    width: 100%;
    vertical-align: middle;
    display: table-cell;
    line-height: 100%;
    font-size: 110%;
	
}

div.description3liter p {
    font-weight: bold;
    text-align: left;
    width: 100%;
	padding-top: 20px;
    vertical-align: middle;
    display: table-cell;
    line-height: 150%;
    font-size: 100%;
	
}

div.vertical {
    border-right: 3px solid #666;
    height: 100px;
    width: 42px;
    margin: 10px 0;
}

div.vertical3liter {
    border-right: 3px solid #666;
    height: 40px;
    width: 42px;
    margin: 10px 0;
}

h3.b {
    font-weight: bold;
}


.custom-contact-confirmation-message {
    margin-top: 30px !important;
}

nav {
    font-size: .9em;
}

.navbar-nav li:first-of-type a {
	_padding-left:0;
}

.navbar-nav li:last-of-type a {
	_padding-right:0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #566373;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #1786b7;
}

.navbar-inverse {
    background-color: #fff;
    border-color: #fff;
}

.page-id-5 li#menu-item-28 {
display: none;
}

.page-id-5 li#menu-item-30 {
display: none;
}

.page-id-5 li#menu-item-31 {
display: none;
}

.page-id-114 li#menu-item-28 {
display: none;
}

.page-id-114 li#menu-item-30 {
display: none;
}

.page-id-114 li#menu-item-31 {
display: none;
}

.page-id-589 li#menu-item-105 {
display: none;
}

.page-id-589 li#menu-item-107 {
display: none;
}

.page-id-589 li#menu-item-108 {
display: none;
}

.page-id-148 li#menu-item-105 {
display: none;
}

.page-id-148 li#menu-item-107 {
display: none;
}

.page-id-148 li#menu-item-108 {
display: none;
}

.navbar-inverse .navbar-toggle {
    background-color: #fff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
	color:#566373;
}

 .navbar-inverse .navbar-toggle {
    background-color: #566373;
}
 .navbar-inverse  .navbar-toggle:hover {
    border-color: #566373;
	background-color:#fff;
	color:#566373;
}

.navbar.container.navbar-header button.navbar-toggle 	 {
    background-color: #566373;
    border:  none;

}


.page-header {
    border-bottom: none;
    margin: 0;
    padding-bottom: 0;
}

.gform_wrapper .gform_footer input[type=submit], .gws-reload-form {
	background-image: -webkit-linear-gradient(top, #337ab7 0, #265a88 100%);
    background-image: -o-linear-gradient(top, #337ab7 0, #265a88 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
    background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #245580;
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.gform_wrapper .gform_footer input[type=submit]:focus, .gform_wrapper .gform_footer input[type=submit]:hover, .gws-reload-form:focus, .gws-reload-form:hover {
    background-color: #265a88;
    background-position: 0 -15px;
	color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.gfield_label {
	display:none!important;
}

.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {
	font-size:100%!important;
}

label {
	font-weight:normal;
}


#ModelDescription {text-align:center; font-weight:bold; font-size:1.1em;}


/*accordion stuff start  */

button.accordion {
    background-color: #fff;
    color: #337ab7;
    cursor: pointer;
    padding: 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
 
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

div.xxpanel {
    padding: 0px;
    display: none;
    background-color: white;
}

div.xxpanel.show {
    display: block !important;
	transition: display 2s;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
}

/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
div.panel.show {
    display: block !important;
}

/*accordion stuff stop  */ 

@media screen and (min-width: 768px) {

	.container {
		width:765px;
	}

}

@media screen and (min-width: 568px) {
	
	.col-md-5.dmbs-header-text {
		min-width:568px;
	}
	
}

@media only screen and (max-width : 960px) {


	.minithird {
		width:100%;
		margin:0 auto;
		margin-bottom:20px;
		background:url(/wp-content/uploads/2016/06/or-horizontal.png) no-repeat center;
		height:80px;
	}
	
}

@media only screen and (min-width : 961px) {
    #menu-mainnav, #menu-mainnaves {
        float: right !important;
    }

    .dmbs-header {
        margin: 0 !important;
        padding: 0 !important;

    }

    .dmbs-header > div.row {
        _position: relative;
    }

    .dmbs-header > div.row > div.dmbs-header-img.text-center {
        left: 0;
        height: 140px;
        line-height: 140px;
    }
    
    .dmbs-header.sticky2 > div.row > div.dmbs-header-img.text-center {
        left: 0;
        height: 32px;
        line-height: 32px;
    }

    .dmbs-header.has-admin-bar { 
        margin-top: 32px !important;
    }

    .dmbs-header > div.row > div.dmbs-header-img.text-center a {
        display: block;
        vertical-align: middle;
        height: 67px;
    }

    .dmbs-header.sticky2 > div.row > div.dmbs-header-img.text-center a {
        display: block;
        vertical-align: middle;
        height: 32px;
    }

    .dmbs-header-text  {

        margin:0 !important;
        height:140px;
    }

    .dmbs-header.sticky2 .dmbs-header-text  {

        margin:0 !important;
        height:35px;
    }

    .dmbs-header-text .navbar {
        margin: 0 !important;
        height: 140px;
        position: relative;
        width: 100%  !important;
    }
    .dmbs-header.sticky2 .dmbs-header-text .navbar {
        margin: 0 !important;
        height: 32px;
        position: relative;
        width: 100%  !important;
    }

    .dmbs-header-text .navbar > div {
       height: 50px;
       top: 50%;
       margin-top: -25px;
       width: 100%;
       right: 0 !important;
       position: absolute;
    }
    .dmbs-header.sticky2 .dmbs-header-text .navbar > div {
       height: 30px;
       top: 50%;
       margin-top: -15px;
       width: 100%;
       right: 0 !important;
       position: absolute;
    }



    
}

@media only screen and (max-width : 767px) {
	
	.col-md-5.dmbs-header-text {
		float: none!important;
		margin: auto;
	}
	
	.navbar {
		float:none!important;
	}
	
	.dmbs-header-text, .dmbs-header nav {
		width:100%;
		text-align:center;
	}
	
	.navbar-toggle {
		float:none;
		margin: 8px auto;
	}
	
	.navbar-collapse {
		padding-left:0;
	}
	
	.dmbs-footer {
		text-align:center;
	}
	
	.footer-copyright, .menu-footernav-container {
		width:100%;
		float:none;
	}
	
	.navbar-nav > li {
		float: none;
		width: 100%;
		text-align: center;
	}
	
}

@media (max-width: 600px) {
	
	
  
}

@media only screen and (min-width:568px) and (max-width: 769px) {
	
	.col-md-5.dmbs-header-text {
		width: 100%;
	}
	
	.dmbs-header nav {
		width: 70%;
		text-align: center;
		float: none!important;
		margin: auto;
	}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 568px) {
  	.navbar-collapse li a { background-color: white; }
	
 	.navbar-toggle { background-color:#566373; czolor:#fff;} 
	
   .navbar-toggle .icon-bar {
		background: #fff none repeat scroll 0 0;
		border-radius: 1px;
		color: #fff;
		display: block;
		height: 2px;
		width: 22px;
	}
	

}
@media only screen and (min-width : 560px) {
.bLock {
    display: table;
    margin: 0 auto;
    width: 560px;
}
}

/*#gform_confirmation_message_3,*/
#eligibility,
[data-index="3"] {
    /* negative margin hack for anchor scroll */
   _margin-top: -150px;
   _padding-top: 150px;
}

#eligibility .NormBox {
    overflow: auto;
}

.access-online-portal {
    background-image: -webkit-linear-gradient(top, #00a200 0, #00a200 100%);
    background-image: -o-linear-gradient(top, #00a200 0, #00a200 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00a200), to(#00a200));
    background-image: linear-gradient(to bottom, #00a200 0, #00a200 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a200', endColorstr='#ff00a200', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #245580;
    color: #fff;
    background-color: #00a200;
    border-color: #00a200;
    display: inline-block;
    margin-top: 16px;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.gws-reload-form-custom {
    background-image: -webkit-linear-gradient(top, #858585 0, #5f5f5f 100%);
    background-image: -o-linear-gradient(top, #858585 0, #5f5f5f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#858585), to(#5f5f5f));
    background-image: linear-gradient(to bottom, #858585 0, #5f5f5f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5f5f5f', endColorstr='#ff5f5f5f', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #5f5f5f;
    color: #fff;
    background-color: #5f5f5f;
    border-color: #5f5f5f;
    display: inline-block;
    margin-top: 16px;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.access-online-portal:hover {
    text-decoration: none;
    color: #fff;
    background-color: #008000;
    background-position: 0 -15px;
}

.gws-reload-form-custom:hover {
    text-decoration: none;
    color: #fff;
    background-color: #d3d3d3;
    background-position: 0 -15px;
}

.access-online-portal {
    float: right;
}

@media only screen and (max-width: 641px) {
    .access-online-portal,
    .gws-reload-form-custom {
        line-height: 2;
        min-height: 2rem;
        font-size: 16px;
        width: 99.5%;
        margin-bottom: 16px;
    }
}

@media (max-width: 767px) {
	.headBox h1 {
		font-size: 24px;
		font-weight: bold;
	}
	.dmbs-header.sticky2 {
		padding-top: 50px !important;
	}
}

img.img-responsive {
	margin: auto;
}

#topWhiteHeader.sticky2 {
	background: transparent;
}
