/* design system implementation and overrides */

/* Drupal Toolbar overrides */

ul.toolbar-menu li {
 font-family: unset !important;
 font-size: unset !important;
   
}

ul.toolbar-menu a {
     text-decoration: none !important;
}

ul.toolbar-menu a:visited {
   color: #565656 !important;
}

ul.toolbar-menu a{
    color: #565656 !important;
}

#toolbar-administration, #toolbar-administration * {
   z-index: 1001;
}

/*DG: Fix underline issue*/
.cmp-actions-nav__link:hover{
    line-height: 1.2 !important;
}


/* general */

.util-color-light-gray-placeholder {
  color:#dedede !important; /* temporary -- until Design System has util-color-gray-placeholder is fixed to be #dedede */
}

.container {
  clear:both;
  height:auto;
  margin:0 auto;
}

.clearfix:after {
    display: table;
    clear: both;
    content: "";
}


.more-link {
padding: 1.5em;
}

img.cmp-site-title__logo {
    width: 100%; /* this keeps the header logo from squishing */
    height: unset !important;
}
/*DG: To avoid overlapping of logo and menu.*/
@media screen and (min-width: 60rem) {
    
        #block-gold-branding {
    margin-bottom: 2rem !important;
    }
}

/*DG: This is to make the logo bigger... trying to see how it works in all sites so it's a test.*/
@media screen and (min-width: 50rem) {
    .cmp-site-title {
        flex-grow:6 !important;
    }
}
/*DG: This is also to make the logo bigger. */
@media screen and (min-width: 50rem) {
    .cmp-site-title__link {
    height: 8rem !important;
    }
    
    .cmp-header-search {
        flex-shrink:0 !important;
    }
}


.cmp-university-header {
  height:0;   
}

/* these next two blocks keep the caption text from running past the width of the image, at the expense of losing flexibility in sizing */

figure.util-align-right,
figure.util-align-left {
  width:50%;
    /*DG: These keep the 'glitch' of image above fancy blockquote in effect*/
  position: relative;
  z-index: 200;
}

.util-align-right img,
.util-align-left img,
.util-align-center img {
width:100%;
}

figure.util-align-center {
  width:75%;
}

/**/

.views-row {
  display:block;
}

/* DG: Fonts overwrite*/
h2:not([class]), 
.cmp-heading-2, 
.cmp-nav__link,
.cmp-actions-nav__link {
    font-family: "Oswald",sans-serif !important;
}

input.button.js-form-submit.form-submit{
    background: none !important;
    border: none;
    color: white;
    position: relative;
}

/* main menu - style is on menu_ds */

/* DG: This is a test*/
/*
#navigation.obj-limit-width.fixed {
  position: fixed;
  top: 5em;
  width: 100%;
}

.dialog-off-canvas-main-canvas{
    overflow: visible;
    height: auto;
}*/

/*DG: Contextual region doesn't exist while logged out, so added this bit to fix the drop down menu going to the far left*/
.block.block-menu.navigation.menu--main{
    position: relative;
}

/** START MENU EDITS*/

#navigation ul li ul li > a {
  width:100%;
}




#navigation ul {
     text-align: left;
  	/*margin:0 auto;*/
	}

#navigation h2 {
position:absolute;
left:-9999px;
}

#navigation ul li.active-trail {
     background-repeat: no-repeat;
	}

#navigation ul li {
line-height:1.4em;
}


@media screen and (min-width:50rem) {
.cmp-nav__list {
  width:100% !important; /* this removes extra padding at the edge of the menu bar that makes the alignment of the submenu look odd */
}

#navigation ul li:first-child ul {
  width:11em;
  left:0em;
}


/*DG: This block of code  was moved to the @media screen to stop it from affecting the mobile menu */
ul.menumain__submenu.cmp-subnav.menu > ul {
  visibility:hidden;
}

li.menu-main__item--expanded:hover > ul.menumain__submenu.cmp-subnav.menu {
  visibility:visible;
  transition-duration: 0.5s;
  transition-property: visibility;
  transition-timing-function: ease-out;
  -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
  -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
   box-shadow: 2px 2px 10px rgba(0,0,0,0.5);

}

/* DG End of moved block*/
    
    .has-dropdown {
     background-repeat: no-repeat;
     background-image: url("data:image/svg+xml,\a     %3Csvg xmlns%3D'http%3A//www.w3.org/2000/svg' viewBox%3D'0 0 24 16' fill%3D'none'%3E\a       %3Cpath d%3D'M1 1l6 7-6 7' stroke%3D'%23fff' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round' vector-effect%3D'non-scaling-stroke' /%3E\a     %3C/svg%3E\a   ");
     background-position: 100% center;
  
}

	.has-dropdown-top {
		display:none;
		
}

#navigation button {
	display:none;
}
    .cmp-nav__item:hover{
    background-color: #950a26;
}
    
       .cmp-title-bar {
        margin-bottom: 0.5rem !important;
    }


/*DG This is where this @media screen ended orgininally*/

   ul.menu.menu-main.cmp-nav__list > li:last-child ul {
        right: 0;
        left: auto !important;
    } 

   ul.menu.menu-main.cmp-nav__list > li:last-child > ul li ul {
        right: 100%;
        left: auto !important;
    } 

li.menu-main__item--expanded ul.menumain__submenu.cmp-subnav.menu {
	visibility:hidden;
}

li.menu-main__item--expanded:hover ul.menumain__submenu.cmp-subnav.menu li ul {
	margin-left: 100% !important;
	position: absolute;
	top:0em;
}

.cmp-subnav {
  left:0 !important;
  min-width:11em;
  overflow:visible;
}

} /*DG moved the end of @media screen here to keep this from affecting mobile*/

/* DG: A Hack to hide the text on the twig file in the span so I could do the 'has arrow' class for submenus.*/
.has-dropdown > p{
    visibility:hidden !important;
    /*display:none;*/
}

.sticky-menu {
    position: fixed !important;
    top: 0 !important;
   /* background-color: #000000 !important; */
    width:100% !important;
    max-width: none !important;
}

.sticky-menu__logged-in {
    position: fixed !important;
    top: 4.5em !important;
   /* background-color: #000000 !important; */
    width:100% !important;
    max-width: none !important;
}

.sticky-menu-mobile{
  position: fixed !important;

}
/*DG: Fix to make it so the first dropdown isn't just completely to the left*/
.stretch_menu_scroll {
    max-width: unset !important;
}

/*DG: Changed max-width from 45em to 50em.) This is for mobile view*/
@media screen and (max-width:50em) {

  ul.menu.menumain__submenu.cmp-subnav.cmp-subnav1 li {
	/*  border: none; */
	}
	
  ul.menumain__submenu.cmp-subnav.cmp-subnav1.menu ul  {
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	background-color: #000000 ;
}

  ul.menumain__submenu.cmp-subnav.cmp-subnav1.menu ul a  {
	  	color: #FFFFFF ;
}

ul.menumain__submenu.cmp-subnav.cmp-subnav1.menu ul button {
	background-color: unset;
}

ul.menumain__submenu.cmp-subnav.cmp-subnav1.menu ul ul {
	background-color: #FFFFFF
	
}

ul.menumain__submenu.cmp-subnav.cmp-subnav1.menu ul ul a {
	color: #000000
	
}

ul.menu.menumain__submenu.cmp-subnav.cmp-subnav1 ul ul li {
   border-bottom: 1px solid black;
}

 div.has-dropdown {
	 display:none;
 }
 
 a.cmp-subnav__link {
	 flex-grow:2;
 }
	
  li.menu-main__item--expanded ul.menumain__submenu.cmp-subnav.menu {
    /*max-width: 11em;*/
	/*padding-right: 0.5em; */
	
 }
    
}

/**END MENU EDITS**/

a:hover {
  /*text-decoration:unset;*/
  transition-duration: 0.5s;
  transition-property: color;
  transition-timing-function: ease-in-out;
}


/* links and images */

li a.is-active {
  font-weight:bold;
}



a img {
  transition: filter 0.5s ease;
}

a:hover img {
  filter:contrast(133%);
    transition: filter 0.5s ease;
}

#main a,
#content a,
#secondary a,
#department_footer a { /* color is determined by color picker */
  /*text-decoration:unset;*/
  /*border-bottom:1px dotted; */
}

#main a:hover,
#content a:hover,
#secondary a:hover,
#department_footer a:hover { /* color is determined by color picker */
  /*text-decoration:unset;
  border-bottom:1px dotted;*/
}

/*DG: Grid height fix for page titles since fit-content doesn't work for firefox*/
.obj-grid {
    align-items: start;
}

/*DG: Fix for iframe on Firefox and Safari*/
iframe {
    grid-area: iframe;
    width: 100%;
    
}

@media screen and (max-width:50em) {

  .cmp-hero__container.cmp-hero__container--right.cmp-hero__container--pull-quote,
  .cmp-hero__container.cmp-hero__container--left.cmp-hero__container--pull-quote {
    position:relative; /*DG: Used to be revert */
  }

}

    
@media screen and (min-width: 50rem) {
    .cmp-hero__content--pull-quote {
    background-color: rgba(0,0,0,0.5) !important;
    }
	.cmp-hero {
		padding: 0em !important; /*DG: This removes top and bottom padding from slides which gives black background*/
	}
	.views-field.views-field-field-slide-image {
		line-height: 0em; /*DG: To hide black line under slides.*/
	}
	
	.views-field.views-field-field-slide-image img{
		position:unset;
	}
	
	
}

/*DG: This is to control the size of the cmp-hero container and so it doesn't exceed a certain size.*/
@media screen and (min-width: 60rem)  {

    .cmp-hero__content {
        max-width: 25rem;
        max-height: 15rem;
        overflow: auto;
    }   

}

@media screen and (max-width: 45rem){
    .cmp-hero__content {
        max-height: 10rem;
        overflow: auto;
    }   
}

@media screen and (max-width: 0rem){
    .cmp-hero__content {
      height: 15rem;
        overflow: auto;
      
    }   
} 
/*DG: Featured video responsive*/
li video {
    width: 100% !important;
    height: auto;
}

/*DG Fixing massive gap under embedded videos*/
.video-embed-field-responsive-video:after {
    padding-bottom: 0.3em !important;
}

/* DG: Fixing gap between slideshow and highlight region */
#block-views-block-slides-block-1, #block-views-block-slides-block-2-2, #block-views-block-slides-block-2-4 {
    margin-bottom: 0 !important;
    /*line-height: 0 !important;*/ /*DG: Had to remove this because it collapses cmp-hero box text and squishes it.*/
}

/* These next three parts allow the text region to be in the front of the slide and the links clickable */


/*
  @media (min-width: 50rem) {
.cmp-hero {
   overflow: visible !important;
    pointer-events: unset;
   
}
}*/
/*
#lower-page-wrapper {
  margin-top:25em;

}*/


#middle-wrapper {
    /*top: 8.5em; ds take out */
    position:relative;
    width:100%;
    height:100%;
    /* border-bottom:.5em solid #999; */ /* take out accent bar */
    background-color:#000;
    z-index:1001;
    }

/*DG: This is to fix weird position of accordion button.*/
.js .cmp-accordion__button::after {
    top: 0.5rem !important; 
}

.cmp-accordion__button {
    font-size: 1.25rem !important;
}


#lower-page-wrapper {
  background-color: #f6f6f6; /* slight grey on main content region, so we can use white on views lists for a subtle contrast */
}

/* views row needed styles */

#content .views-row, {
background-color:#fff;
}

/*DG: Fixing the Hired view. Will rewrite this differently *//*
#content .view-id-directory .views-row,
#content .view-directory-phd-market .views-row {
  background-color:unset;
}*/

#content .view-id-directory .views-row {
  background-color:unset;
}

#content .views-row img {
float:right;
margin: 0 0 1rem 1rem;
/* max-width:50%;*/
}

#content .view-directory-phd-market .views-row img {
  /*float:none;*/
  margin:0em;
}

@media screen and (max-width:45em) {

#content .views-row img {
  float:left;
  margin: 0 0 1rem 0rem;
  }

}

.views-row {
  overflow:visible;
}

.views-row a img {
max-width:100%;
}

.field_photo img,
.field_image img,
.field_speaker_photo img, 
.field_dei_image img {
float: right;
margin: 0 0 1em 1em;
}

#content .view-id-directory a img {
width:100%;
height:auto;
  float:none;
  clear:both;
  margin:0 auto;
}

#spotlight-three-columns .views-row img,
#secondary .views-row img,
#uga .views-row img,
#tertiary .views-row img,
#quaternary .views-row img {
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 1.5em;
}

/*DG: Image Styling because I can't seem to be able to add design system image classes without crying. Should be temporary.*/
.align-center {
    display: block;
    margin: 0 auto 1.5rem;
}

.align-left {
  display: block;
  margin: 0 1.5rem 1.5rem 0;
}

.align-right {
    display: block;
    margin: 0 0 1.5rem 1.5rem;
}

/*DG: Potential redesign of image for Personnel Pages*/

.view-display-id-block_9{
    position:relative;
}
/*
.views-row.obj-grid__full.util-margin-bottom-lg.foregroundImg {
    position: absolute;
    z-index: 1;
    right: 30%;
}

.views-row.obj-grid__full.util-margin-bottom-lg.backgroundImg {
    position: relative;
}

div.backgroundImg div div picture img {
    filter: blur(15px);
    width: 100%;
    height: 400px;
} */

div.views-row.obj-grid__full.foregroundImg div.views-field.views-field-field-photo {
    z-index: 1;
	/* Fix to center images in front of background photo*/
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	 transform: translate(-50%, -50%);
}
}
.views-field.views-field-field-background-photo {
    position: relative;
}

div.views-row.obj-grid__full.foregroundImg div.views-field.views-field-field-photo {
    position: absolute;
}

.views-field.views-field-field-background-photo div picture img {
    width: 100%;
    height: 400px;
    filter: blur(5px);
}

/** DG Attemping to remove background image for mobile  using @media screen. */
@media screen and (max-width: 50em) { 
	.views-field.views-field-field-background-photo {
	    visibility: hidden !important;
		height: 300px; /* DG: This is to remove big empty space under personnel photo.*/
	}
	
}
/*Full Calendar Styling*/

/*DG: Removing padding for tables that interfere with Full Calendar formarting */
table:not([class]){
    margin: 0 0 !important;
}

tr td.fc-day-top {
    background-color: #f2f2f2 !important;
}

tr td.fc-day-top.fc-other-month {
    opacity: 1 !important;
} 


tr td.fc-day-top.fc-other-month a.fc-day-number {
    color: rgba(0, 0, 0, 0.3) !important;
} 

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td
{
    border-color: #ddd
}

.fc-title, .fc-time
{
    color: white;
}
/* extra styles for regions */

#sidebar-first .block {
padding:1.25em !important;
overflow: auto;
}

#spotlight-three-columns,
#uga,
#quaternary {
color:#eee;
}

#uga-right {
    text-align:center;
}
/* DG Removing padding from the highlight block.
#highlight .block {
  padding:1em;
} */

#highlight {
  background-color:#ffffff;
 /* color:#fff;*/
}
  
#highlight p {
  font-size:1.2em
}

#spotlight-three-columns a,
#uga a,
#quaternary a {
color:#fff !important;
text-decoration:unset;/*
border-bottom:1px dotted #fff;*/
}

#spotlight-three-columns ul.contextual-links a,
#uga ul.contextual-links a, 
#quaternary ul.contextual-links a{
    color: #333 !important;
}

#spotlight-three-columns h3:not([class]),
#uga h3:not([class]),
#quaternary h3:not([class]) {
  color:#fff !important;
text-decoration:none; /*
  border-bottom:1px dotted #eee;*/
}

.view-id-course_schedules.view-display-id-block_1 div.view-content.obj-grid.obj-grid--gap-md div.util-pad-all-lg {
    padding: 0 !important;
    grid-gap: 0 !important;
}


.view-id-course_schedules.view-display-id-block_1 div.view-content.obj-grid {
    grid-gap: 0 !important;
}

/*DG: Addition for Give now big text*/
#uga-right p {
    font-family: 'Oswald',Impact,Arial Narrow,sans-serif;
    font-size: 1.75em;
    line-height: 1.4em;
    color: #efefef;
    text-transform: uppercase;
    
}

#spotlight-three-columns a:hover,
#uga a:hover,
#quaternary a:hover {
color:#ddd !important;
/* text-decoration:none;
border-bottom:1px dotted #eee !important;*/
}


#spotlight-three-columns h2:not([class])::after,
#uga h2:not([class])::after,
#quaternary h2:not([class])::after {
background-color:#ddd;
}

#spotlight-three-columns a[href]:not([class]):visited,
#uga a[href]:not([class]):visited,
#quaternary a[href]:not([class]):visited {
  color:#ccc;
}


.spotlight_wrap.cmp-heading-2 {
font-size:2rem;
}

.spotlight_wrap.cmp-heading-2::after {
background-color:#ddd; /* since this is a dark background, use a lighter underline */
}


#spotlight_three_columns .spotlight_wrap,
#quaternary .spotlight_wrap {
/*color: #ccc;*/
}


#spotlight-three-columns {
color:#ddd;
}

/* all lower regions */


#uga h2,
#quaternary h2 {
color:#eee;
}

#uga {
  background-color:#BA0C2F;
  border-top:8px solid #E4002B;
  border-bottom:8px solid #E4002B;
  color:#ddd;
}

#secondary {
	background-color:#eee;
	max-width:100%;
	}

#tertiary {
background-color:#fff;
}

#tertiary {
  border-top:2em solid;
  border-bottom:2em solid;
}

.tertiary-both-empty #tertiary { /* might have to keep this as preprocess */
border-bottom:0em;
border-top:0em;
}

#quaternary {
  color:#ddd;
}

#tertiary a {
  color:#000;
}

#tertiary a:hover {
color:#222;
}


#tertiary .views-row a img,
#quaternary .views-row a img {
float:left;
transform: scale(1);
}

.obj-grid img {
height:auto; /* to keep images from squishing on responsive downsize */
}

.align {
  display: flex;
  align-items: center;
  justify-content: center;
}

.center {
max-width:50%;
}

h1.page-title {
margin:0 auto;
}

/*DG: Detail/summary fix.*/
details summary {
    background-color: transparent;
    color: inherit;
    border: none;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 1rem 1.5em 1rem 0;
    border-top: 1px solid #f2f2f2;
    font-family: "Merriweather",serif;
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.25;
    position: relative;
    font-size: 1.25rem !important; 
	/*DG: To fix the issue regarding uppercase details/summary titles*/
	text-transform: unset !important;
}

summary:after{
    display: block;
    height: 1em;
    width: 1em;
    line-height: 1em;
    text-align: center;
    font-weight: normal;
    color: #ba0c2f !important;
    background: #fff;
    border: 1px solid currentColor;
    position: absolute !important;
    top: 0.5rem;
    right: 0 !important;
}

details[open] summary:after {
    content: '-';
}

/*DG: Pagination Fix */
.cmp-pagination__link{
    padding: 0.5rem 1rem 0 !important
}

/* unit footer ----
these overrides exist because we can't put classes on specific blocks, not having a consistent machine name for them. */

#unit-footer {
  max-width:100%;
  height:auto;
}

#unit-footer div.util-pad-horiz-lg {
    padding-right: 0 !important;
}

#unit-footer .block {
display:block;
  width:calc(33% - 2em);
  height:auto;
  float:left;
  margin:0 1em;
}

#unit-footer .block:first-child {
  margin: 0 1em 0em 0em;
}

#unit-footer .block:last-child {
  margin: 0 0em 0em 1em;
}

@media screen and (max-width:35em) {
  #unit-footer .block {
    width:calc(100%);
    margin:0em 0em 2em 0em;
  }

  #unit-footer .block:first-child,
  #unit-footer .block:last-child {
    margin: 0em 0em 2em 0em;
  }
}

/* uga footer */

a.cmp-footer__logo-link img {
max-width: 95%; /* adds space between UGA logo and right column */
}

/**DG Homepage Image Header Overrides**/
div.cmp-hero.views-row.obj-grid__full {
        visibility: visible !important;
    }

    div.cmp-hero__container.cmp-hero__container--pull-quote {
        position: absolute;
        top: 0;

    }

    div.cmp-hero__content.cmp-hero__content--pull-quote {
        overflow: visible !important;
        max-height: unset;
    }
    .cmp-hero__action {
           margin-top: -6.0em !important;
           padding-bottom: 2em;
    }

    #block-silver-views-block-homepage-image-header-block-1 {
        margin-bottom: 0 !important;
    }


    /*DG Overrides for Hero header interior*/
    .views-row.util-margin-bottom-none.cmp-hero.cmp-hero--interior{
        visibility: visible !important;
    }

    .cmp-hero__container.cmp-hero__container--pull-quote {
        margin-left: 3.5em;
    }

    .cmp-hero__container.cmp-hero__container--right.cmp-hero__container--pull-quote {
        margin-left: unset;
    }

.cmp-hero__container {
    position: absolute;
    top: 0;
    padding-left: 3.5em !important;
}

.cmp-hero__content {
	max-width: 30rem !important;
    overflow: visible !important;
}

#block-views-block-homepage-image-header-block-1 {
    margin-bottom: 0 !important;
}

.views-field.views-field-field-homepage-image img {
	width: 100%;
}

/*DG: Mobile Homepage Image Header Changed to 80em to include ipad pro 12.9 inch*/
@media screen and (max-width: 80em) {
    
       div.cmp-hero__container.cmp-hero__container--pull-quote {
        position: unset;
        top: unset;


    }
    
    .cmp-hero__container.cmp-hero__container--pull-quote {
        margin-left: 0;
    }
    
    .cmp-hero__container {
        position: unset;
        top: unset;
        padding-left: unset !important;
		padding-bottom: 2rem !important;

    }

    .cmp-hero__content {
        max-height: unset !important;
    }
    
       
     .cmp-hero__action {
        margin-top: 0 !important;
        padding-bottom: 0;
        padding-top: 1em;
    }
    
}

/**DG: For smaller screens */
@media screen and (max-width: 35em){
    .cmp-hero__container {
        padding-left: 0em;

    }
}
/**DG: 65em to consider iPad Pros.*/
@media screen and (max-width: 65em){
    
   #cmp-hero__content-h2 {
        font-size: 2.25em !important;
    }

}

/*DG: Text transform*/
.util-transform-uppercase {
	text-transform: uppercase;
}

.util-font-size-xxs {
	font-size: 0.90rem;
}

/*DG: Fix for small input button on forms.*/
input.cmp-button:hover {
  background-color: unset;
}

/*DEI Spotlight Styling*/
#tertiary div.views-field-field-dei-image img,
#quaternary div.views-field-field-dei-image img
 {
	width: unset;
	padding-right: 1em;
}

/*DG: Editing spacing in search form buttons and modifying their grid span without messing with the container template file.*/
#edit-actions {
	padding: 0.5em;
	width: auto;
	grid-column: span 12;
}

/* DG: Headings with alignment classes */
h2.text-align-center, h2.text-align-right {
  color: #000;
  font-family: "Oswald", sans-serif;
  font-size: 2.25em;
  font-weight: normal;
  line-height: 1.15;
  text-transform: uppercase;
  margin: 1em 0;
  position: relative; }
  h2.text-align-center:first-child, h2.text-align-right:first-child {
    margin-top: 0; }

h3.text-align-center, h3.text-align-right {
  color: #ba0c2f;
  font-family: "Merriweather Sans", sans-serif;
  font-size: 1.75em;
  font-weight: normal;
  line-height: 1.3;
  margin: 1em 0; }
  h3.text-align-center:first-child, h3.text-align-right:first-child {
    margin-top: 0; }

h4.text-align-center, h4.text-align-right{
  color: currentColor;
  font-family: "Merriweather", serif;
  font-size: 1.625em;
  font-weight: bold;
  line-height: 1.3;
  margin: 1em 0; }
  h4.text-align-center:first-child, h4.text-align-right:first-child {
    margin-top: 0; }

h5.text-align-center, h5.text-align-right {
  color: #ba0c2f;
  font-family: "Merriweather Sans", sans-serif;
  font-size: 1.375em;
  font-weight: bold;
  line-height: 1.3;
  margin: 1em 0; }
  h5.text-align-center:first-child, h5.text-align-right:first-child {
    margin-top: 0; }

h6.text-align-center, h6.text-align-right {
  color: currentColor;
  font-size: 1.125em;
  font-family: "Merriweather Sans", sans-serif;
  font-weight: bold;
  line-height: 1.15;
  text-transform: uppercase;
  margin: 1em 0; }
  h6.text-align-center:first-child, h6.text-align-right:first-child {
    margin-top: 0; }

/* DG: Paragraph styles with alignment classes */
p.text-align-center, p.text-align-right {
  margin: 1em 0;
  font-size: 1.125em;
  font-family: "Merriweather Sans", sans-serif; }
  p.text-align-center:first-child, p.text-align-right:first-child {
    margin-top: 0; }
	
/*DG: Flexslider Update*/
.flexslider 
  {
    border: 0px !important; 
	margin: 0px !important;
  }
.cmp-hero__content 
  {
    color: white;
  }
#block-gold-views-block-homepage-image-header-block-2, #block-gold-franklin-views-block-homepage-image-header-block-2
  {
    margin-bottom: 0 !important;
  }
ol.flex-control-nav.flex-control-paging
  {
	  background-color:#f6f6f6;
  }