/*Base
********************************************/
body { z-index:2; /*<--z-index used for javascript window size*/ }

footer { clear:both; } 
h1 { font-size:35px;}
h2 { font-size:25px;}
h3 { font-size:18px;}
h4 { font-size:15px;}

hr { display:block; margin: 1px; }

label, .label, .radioGroup { padding: 0px; margin: 5px 0px 0px 0px;}
    



aside.breakpointNum:before { content: '2 column'; }


/*Layout
********************************************/
.ciForm { }
    .ciForm label .title, .ciForm .label .title, .ciForm .radioGroup .title, .ciForm .phoneExtension .title  { float:left; width:50%; display:inline-block;/* padding-right: 5px; */}
    .ciForm label input[type=text], .ciForm label input[type=tel], .ciForm label input[type=email], .ciForm .label input[type=text], .ciForm .label input[type=tel], .ciForm .label input[type=email], .ciForm label textarea, .ciForm .label textarea, .ciForm label select, .ciForm .label select, .ciForm .radioGroup .group, .ciForm .phoneExt .group { float:right; width:50%; padding-left:5px; }
    .ciForm label mark, .ciForm .label mark { width:50%; margin-left:50%;}
    .ciForm .validationMessage { bottom:auto; right: -25px; top:15px; }  
    .ciForm .radioGroup .col { float: left; width: 50%; }
    .ciForm .button { width:50%; margin-left:50%; }
    /*.ciForm .buttonGroup .button { float:left; width:50%; margin:10px -10px 0px -10px;  }
    .ciForm .buttonGroup .button:nth-child(1) { margin:10px 10px 0px -10px;  }*/
    .ciForm .phoneExtension .fields { float: left; width: 50%; padding-bottom:.9em; }
    .ciForm .phoneExtension .title { padding-left:0px;}
    .ciForm .phoneExtension input[type=text], .ciForm .phoneExtension input[type=tel] { width: 100%; float: none; }  
    .ciForm .phoneExt .group input[type=text], .ciForm .phoneExt .group input[type=tel] { width:100%; }
    .ciForm .phoneExtension .validationMessage { bottom:25px;}
    .ciForm [class^="field-validation"] {display: none;}
    .ciForm .error [class^="field-validation"] { opacity:0; }
    .ciForm .radioGroup label:before, .ciForm .radioGroup .label:before { top: 0px; }
    .ciForm textarea + .validationMessage { bottom:auto; top:5px;} 

    .ciForm .error { transition-duration:0s; }
    .ciForm fieldset { border:none; margin: 0px; padding: 0px; margin-top:50px; }

/*Module
********************************************/
.buttonGroup {}
    .buttonGroup .button { float:left; width:50%; margin:10px -10px 0px -10px; }
    .buttonGroup .button:nth-child(1) { margin:10px 10px 0px -10px;  }

.retailerMap .button { width: 50%; padding-left: 5px; margin-right: 0px; float: right;}
    
.infoBubble > * { cursor:default; position:absolute; width:355px; background-color:#fff; bottom:21px; left:-115px;  z-index:100; text-align:left; padding:10px;  box-shadow: 0px 0px 3px 1px #767676; }
    .infoBubble.selected { z-index:450; }
    .infoBubble.selected > *:first-child { display:block; position: absolute; width:355px; height: auto; top: auto; bottom:21px; left: -115px; }
    .infoBubble:hover { z-index:450; }
    .infoBubble:hover > * { display:none; }
    .infoBubble:hover > *:first-child { padding: 15px 55px 15px 15px; min-height:50px; font-size:15px; }
    .infoBubble.forceClose > * { visibility: hidden; width:1px; height:1px; position:absolute; left:0px; bottom:0px; }
    .infoBubble.selected > *:first-child { padding: 15px 55px 15px 15px; min-height:50px; font-size:15px; }
    .infoBubble .close { position: absolute; top: 10px; right: 10px;}

/*hover enabled*/
.infoBubble[data-hover-enabled=true]:hover { z-index:450; }
.infoBubble[data-hover-enabled=true]:hover > * { display:block; }
.infoBubble[data-hover-enabled=true]:hover > *:first-child { padding: 15px 55px 15px 15px; min-height:50px; font-size:15px; }
.infoBubble[data-hover-enabled=true].selected > *:first-child { padding: 15px 55px 15px 15px; min-height:50px; font-size:15px; }                   

/*.drawer .plusMinus { margin-left:0px; width: 50px; }*/

.button.plusMinus { background-color: #1751ca; width: 40px; height: 40px; }