@charset "UTF-8";
@-ms-viewport { width:device-width; }
@viewport { width:device-width; }

/* Company Information
*****************************************
* UPMC Aon Master Stylesheet
* Created On: 08/2017
* Authored By: megan burke
* Contact Email: burkem2@upmc.edu
*****************************************
*/

/* Table of Contents
*****************************************
* 2. Base User Definitions
*****************************************
*/

/* TO DO
*****************************************
*****************************************
*/

    .desktop { display:none; }
    .no-desktop { }

	.policyError { font-size: small; font-weight: normal; color: #D14124; white-space: nowrap;}

	.flex-container {
		/* We first create a flex layout context */
		display: flex;
		flex-flow: row wrap;
  
		/* Then we define how is distributed the remaining space */
		justify-content: space-around;
  
		padding: 0;
		margin: auto;
		list-style: none;
		width: 60%;
	}
	.flex-container .flex-item { width: 45%; }
	.flex-container2 {
		/* We first create a flex layout context */
		display: inline-grid;
  
		/* Then we define how is distributed the remaining space */
		justify-content: space-around;
  
		padding: 0;
		margin: auto;
		list-style: none;
		width: 100%;
	}
	.flex-container2 .flex-item { width: 100%; }

/* Positioning */
    /* Colors */  
    .c-red { color:red; }
    .c-purple { color:#771B61; }    
    .bg-orange { background-color:#771b61; }
    .purple-link {color: #af4591;text-decoration:none; }
    .green-text {color: #959836;}
    .mobileBreak {display:none;}     
     /* Widgets */
    .arrow-link2 { white-space:normal; display:inline-block; background-color:#fff; padding:0 3em 0 0; color:#000; font-weight:700; text-decoration:none; position:relative; font-size:1em; }
    .arrow-link2:after { position:absolute; top:2px; right:0; display:block; width:35px; height:1em; content:""; background:url(/img/sprites.png) no-repeat -298px -110px; }
    
     /* Navigation */
    .rowlinksh { margin:0; padding:0; }
    .rowlinksh li { position:relative; } 
    .rowlinksh li a { display:block; text-decoration:none; } /* display:inline-block; for desktop view*/
    .aside-nav { margin:0; padding:0; list-style-type:none; position:relative; display:block; text-decoration:none; }

    .contact-footer{font-size: 0.75em;}

     /* Custom Dropdown */
    .upmc-dropdown-select{ font-size:inherit; font-weight:700; padding:.5em; margin:0; padding-right:0; border:0; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; }   
    .upmc-dropdown-select-grey { background-color:#eff0f1; color:#444; }

    .upmc-dropdown { width:100%; position: relative; display: inline-block; vertical-align: middle; border:0.083em solid #d0d0cf; }

    .upmc-dropdown::before, .upmc-dropdown::after { content:""; position:absolute; pointer-events:none; }
    .upmc-dropdown::after { /*  Custom dropdown arrow */content: "\25BC"; height: 1.5em; font-size:.725em; line-height:1; right:1.2em; top:50%; margin-top:-.5em; }
    .upmc-dropdown::before { /*  Custom dropdown arrow cover */ width: 2em; right: 0; top: 0; bottom: 0; }

    /* Grey dropdown style */
    .upmc-dropdown-grey::before { background-color:#eff0f1; }
    .upmc-dropdown-grey::after { color:#771B61;} /* Arrow Color */

 /* X. = Duplicate Policy Termination/Home
    ****************************************/
    .content {margin: 5%;}
    .dup-header { margin:2% 0 2% 0%; }
   
    .on-exhange {width:95%;margin-left:25%;}
    .off-exchange {margin-left:3%;}

    .purpBG {background-color:#771b61;color:#fff;}
    .purpBG p {padding:1% 10% ;background-color:#771b61;color:#fff;font-weight:bold;}
    /*.leadform-label-column {margin:2% 0 2% 0;}*/
    .purple-button {background-color:#771b61;width:80%;margin-top:2%;}
 
    .formRow {width:100%; margin: 1% 5%; }
    .formRowOption2 {width:100%;margin:2% 0 0 4%}
   .formRow label {margin: 0 1% 0 5%;} 

   .alertMessage {margin-left:5%;}

   .contact-form .input-error { border-color:#ff0000; }
   

    /* X. =Transforms, Transitions, & Animations (DO NOT EDIT)
****************************************/

    /*.slidedown, .slideup {
        max-height: 0;            
        overflow-y: hidden;
        -webkit-transition: max-height 0.5s ease-in-out;
        -moz-transition: max-height 0.5s ease-in-out;
        -o-transition: max-height 0.5s ease-in-out;
        transition: max-height 0.5s ease-in-out;
    }

    .slidedown {            
        max-height: 100% ;                    
    }*/


  
     /* X. =Aon/Details 
    ****************************************/
    /*.aon-details .box-story-text, .aon-details .box-story-text p, .aon-details table { line-height:1.4em; font-size:.875em; }
    .aon-details .box-story-text ul { font-weight:700; }
    .aon-details .box-story-text ul li { font-weight:400; margin-left:2.5em; }
    .benefits h3.story-header-details { color:#771B61; }
    .carelist {list-style-type: none;line-height:1.0em;}
    .go-mobile-slide ul li {margin-left:0 !important; }*/

      

    
        /* X. Media Queries
    ****************************************/

@media only screen and (max-width:20.0625em) { /* Rare styles for rare screens at < 320px. */
   
}

@media only screen and (min-width:48em) { /* 768 Tablet, 990 Tablet, and Desktop */

}

@media only screen and (min-width:18em) and (max-width:48em) { /* Small Tablets Only */
     .mobileBreak {display:block;}    
     .spacing {line-height:4em;}
	.nonactiveButton {width:70%;}
	.purple-button { width: 70%; }
	.flex-container .flex-item { width: 90%; }
	.flex-container { width: 100%; }
}


@media only screen and (min-width:48em) and (max-width:61.8125em) { /* Small Tablets Only */
     .mobileBreak {display:block;}    
     .spacing {line-height:4em;}
	.flex-container .flex-item { width: 90%; }
	.flex-container { width: 100%; }
}

@media only screen and (min-width:61.875em) { /* 990+ */
   
}