/**
 * @file
 * Subtheme specific CSS.
 */

@import url(/themes/custom/bootstrap_barrio_frames10/css/style.css);

/* background banner image */
#navbar-top 
{
	background-image: url('/sites/default/files/sc2cropped.png');
	background-repeat: no-repeat;
    background-size: cover;
	}


/* override bottom border to the navbar */
#navbar-main {
	border-bottom: 0px;
}

/* set the color of h2 to AFSC red*/
 div.block > h2	{
	 color: #8d1f23;
	 font-weight: 400;
 }
 
 /* define AFSC button */
.content a.btn-danger	{
	 background: #8d1f23;
	 color: #ffffff;
 }
 

/* AFSC rules for wells */
div.frames-well	{
	border: 1px solid #e7e7e7;
	background-color: #fafafa;
	color: black;
	padding: 15px;
	}

/* AFSC rules for FRAMES card */
div.frames-card	{
	border: 1px solid #8e181b;
	margin-bottom: 15px;
		}

div.frames-card-body	{
	padding: 10px;
}

h2.frames-card-title {
	background-color: #8e181b;
	color: #ffffff;
	padding: 3px;
}

/* AFSC rules for FRAMES card2 */
div.frames-card2	{
	border: 1px solid black;
	margin-bottom: 15px;
		}

div.frames-card2-body	{
	padding: 10px;
}

h2.frames-card2-title {
	background-color: black;
	color: #ffffff;
	padding: 10px;
}

/* AFSC rules for media image black block 
div.frames-media-block	{
	border: 1px solid black;
	margin-bottom: 15px;
}

div.frames-media-block-body	{
	padding: 10px;
}

h2.frames-media-block-title {
	background-color: black;
	color: #ffffff;
	padding: 3px;
}
*/

/* AFSC rules for media image block with red title */
h2.frames-media-block-title	{
	color: #8d1f23;
	font-weight: 400;
	background-color: #ffffff;
	padding: 3px;
}
div.frames-media-block	{
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #bebebe;
	margin-bottom: 15px;
	background-color: #ffffff;
}
div.frames-media-block-body	{
	padding: 10px;
}

/* AFSC rules for media video block with black */
div.frames-media-video-block	{
	border: 1px solid black;
	margin-bottom: 15px;
}

div.frames-media-video-block-body	{
	padding: 10px;
}

h2.frames-media-video-block-title {
	background-color: black;
	color: #ffffff;
	padding: 3px;
}

/* START of AFSC overrides for CKEditor Accordion colors */

.ckeditor-accordion-container > dl:before,.ckeditor-accordion-container > dl:after{content:" ";display:table;}
.ckeditor-accordion-container > dl:after{clear:both;}
.ckeditor-accordion-container > dl,.ckeditor-accordion-container > dl dt,.ckeditor-accordion-container > dl dd{box-sizing:border-box;}
.ckeditor-accordion-container > dl{position:relative;border:1px solid #292929;}
.ckeditor-accordion-container > dl dt{position:relative;}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle{display:inline-block;position:absolute;padding:0 10px;width:30px;height:30px;z-index:1;top:calc(50% - 1px);left:11px;box-sizing:border-box;}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before,.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after{background:#fff;-webkit-transition:all 600ms cubic-bezier(0.4,0,0.2,1);transition:all 600ms cubic-bezier(0.4,0,0.2,1);content:"";display:block;height:2px;position:absolute;width:10px;z-index:-1;left:0;top:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);will-change:transform;}
.ckeditor-accordion-container.no-animations > dl dt > a > .ckeditor-accordion-toggle:before,.ckeditor-accordion-container.no-animations > dl dt > a > .ckeditor-accordion-toggle:after{transition:initial;}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before{left:13px;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after{right:13px;left:auto;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:before{transform:rotate(45deg);}
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:after{transform:rotate(-45deg);}

 /* the background color and other features of the accordion when closed */
.ckeditor-accordion-container > dl dt > a,.ckeditor-accordion-container > dl dt > a:not(.button){display:block;padding:10px 15px 10px 50px;background-color:#292929;color:#fff;cursor:pointer;-webkit-transition:background-color 300ms;transition:background-color 300ms;border-bottom:1px solid #a6a6a6;}

.ckeditor-accordion-container > dl dt > a:focus,.ckeditor-accordion-container > dl dt > a:not(.button):focus{outline-color:#333;}

/* accordion on hover */
.ckeditor-accordion-container > dl dt > a:hover,.ckeditor-accordion-container > dl dt > a:not(.button):hover{background-color:#292929;box-shadow:none;color:#fff;text-decoration:none;} 

/* accordion when open */
.ckeditor-accordion-container > dl dt.active > a{background-color:#292929;}.ckeditor-accordion-container > dl dt:last-of-type > a{border-bottom:0;}  
.ckeditor-accordion-container > dl dd{display:none;padding:0 15px;margin:0;}.ckeditor-accordion-container > dl dd.active{}

/* END of CKEditor Accordion */


/* set style on the featured bottom region */
div.featured-bottom {
	padding-top: 15px;
	background-color: #eee;
}