replace-custom-support-forum-css.txt

/* CSS Document */

/* GWS - 12/2015 */

body {
    background-color: #FFF
}

h2,
h3 {
    color: #8A2432
}

/* Style top matter band */

.gws-top-matter {
    background-color: #004C46;
    color: #DDD;
    height: 26px;
    font-size: 0.8rem;
    line-height: 0.8rem;
}

.gws-top-matter-wrap {
    max-width: 1140px;
    margin: 0 auto;
    overflow: hidden;
}

.gws-top-matter section {
    float: left;
    padding-top: 6px;
}

.gws-top-matter section.widget {
    margin-bottom: 0
}

/* Resizing site header to accommodate larger logo and description underneath */

header.site-header {
    min-height: 180px!important;
    background-image: url(http://192.185.156.121/~cdmsincc/wp-content/uploads/2015/12/header-bk.jpg);
    background-repeat: repeat-x;
    background-color: #ECDFCC;
    border-bottom: 2px solid #004C46;
}

.site-title a {
    min-height: 136px;
    background-image: url(http://192.185.156.121/~cdmsincc/wp-content/uploads/2015/12/CDMSlogo.png);
    background-size:contain;
    background-repeat:no-repeat;
}


.site-header .wrap {
    padding: 26px 0
}

.wrap div.title-area {
    margin: 0 auto;
    float: none;
    width: 49%;
}


.site-header .widget-area {
    float: none;
    padding-top: 14px;
    max-width: 740px;
    margin: 0 auto;
    clear: left;
    text-align: center;
    color: #333;
    font-size: 1.8rem;
}

/* Slider */

.site-inner {
    background-color: #EFE3D3
}

.outreach-pro-home .site-inner {
    padding: 0;
    border-bottom: 2px solid #004C46;
}

.content #genesis-responsive-slider .flex-control-nav {
    margin-top: -73px
}

/* Primary Navigation Menu */

.nav-primary {
    background-color: transparent;
    border-bottom: 2px solid #004C46;
}

.genesis-nav-menu,
.genesis-nav-menu a {
    color: #292B2C
}

.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu a:hover,
.genesis-nav-menu li:hover > a {
    background-color: #DBDCDE;
    color: #8A2432;
}

/* Below Slider */

.gws-below-slider-wrap {
    color: #333;
    margin: 15px auto;
    max-width: 1140px;
    text-align: center;
}

.home-bottom {
    background-color: #004c46;
    padding-top: 15px;
}

.home-bottom .widget {
    float: left;
    margin-left: 2.5641%;
    width: 31.5769%;
}

.home-bottom.widget-area section {
    background-color: #FFF;
    /*min-height: 250px;*/
    text-align: center;
    padding: 0 10px;
}

/* Testimonials - Users Speak */

.users-speak {
    text-align: center;
    color: #1E1E20;
    max-width: 35%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 0 20px;
    padding-left: 25px;
}

.users-speak p {
    font-style: italic
}

/* 3Col Footer */

.three-col-footer {
    background-color: #EFEFEF;
    border-bottom: 1px solid #f1f2f2;
}

.three-col-footer-wrap {
    max-width: 1140px;
    margin: 0 auto;
    overflow: hidden;
    background-image: url(http://192.185.156.121/~cdmsincc/wp-content/uploads/2016/01/3col-bkg-minus.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 5px;
    position: relative;
}

.three-col-footer-wrap section {
    width: 50%;
    float: left;
}

.three-col-footer-wrap section #col1 {
    margin: 10px 0;
    padding: 4% 10px 0 45.8%;
}

.three-col-footer-wrap section #col1 p,
.three-col-footer-wrap section #col1 h4 {
    font-style: normal;
    margin: 0;
    line-height: 1.2;
}

.three-col-footer-wrap section #col1 span {
    font-weight: bold
}

.three-col-footer-wrap section #col2 p {
    text-align: center;
    margin: 16.400% 0 0;
}

.three-col-footer-wrap section #col3 {
    padding-top: 90px;
    padding-left: 15.5%;
}

.three-col-footer-wrap section #col3 p,
.three-col-footer-wrap section #col3 h4 a {
    font-weight: bold;
    color: #8A2432;
    font-size: 1.3rem;
    margin-top: .5rem;
    margin-bottom: 0;
}

.three-col-footer-wrap section #col3 h4 a {
    font-size: .9rem;
    font-style: italic;
}

.three-col-footer-wrap section + section {
    width: 23.3%
}

.three-col-footer-wrap section + section + section {
    border-right: none
}

a#return {
    text-decoration: underline
}

a#return:hover,
a#return:focus {
    text-decoration: none
}

/*#### MEDIA QUERIES ####*/

@media only screen and (max-width: 860px) { 
	header.site-header .site-title a {
	    background-size: contain;
	}

	.home-bottom .wrap {
	    padding: 0 2%
	}

	.home-bottom .widget {
	    clear: none!important;
	    margin-left: 1.4%!important;
	}

	.users-speak {
	    max-width: 100%;
	    padding: 0 25px;
	}
}

/*#############################*/

@media only screen and (max-width: 480px) { 
	nav.nav-primary {
	    background-color: #004C46
	}

	header.site-header .site-title a {
	    background-image:   url(http://192.185.156.121/~cdmsincc/wp-content/uploads/2015/12/CDMSlogo-300x74.png);
	    background-size: contain;
	    margin: 0 6.5%!important;
	    display: block!important;
	    min-height: 74px!important;
	}

	.header-widget-area section .textwidget {
	    font-size: 1.1rem;
	    text-align: center;
	    /*width: 375px;*/
	}

	.users-speak {
	    max-width: 100%;
	    padding: 0 25px;
	}

	.home-bottom .widget {
	    width: 100%!important
	}

	div.three-col-footer-wrap {
	    overflow: visible
	}

	.three-col-footer-wrap section {
	    width: 100%!important;
	    float: none;
	    border-bottom: 1px solid #FFF;
	}

	#col1,
	#col2,
	#col3 {
	    width: 100%
	}

	#col1 h3 {
	    font-size: 1.0rem
	}

	#col3 {
	    padding-top: 10px!important
	}
}