css FMG North Park CSS

Posted 2021-05-13

<style>
/** SWATCHES **/
/** Place any hex codes for branded colors here for quick reference. **/
/**  #CCA300 : gold **/
/**  #3c763d : green **/

/** Google Font Import **/


/** TYPOGRAPHY **/
/** Place any CSS code in this section that changes or modifies the headlines, paragraphs or links. **/
html{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  background: #f2f2f2 url(https://s3.amazonaws.com/PlatinumStrategies/PWS/backgrounds/light_grey.png);
}
p, li, div, td {
  color: #333;
}
a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a:hover {
  color: #8a6d3b;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

input[type="button"], input[type="submit"], button, .button, #additional .viewAll a, #additional_xs .viewAll, .submit, #hero aside a, .post-container .readmore, .btn-default{
		font-family: Helvetica, sans-serif !important;
		background: #de0000;
		color: #FFF !important;
		display: inline-block;
		padding: 7px 15px;
		height: auto;
		border: none;
		text-shadow: none;
		font-weight: 300;
		line-height: 1.5;
		cursor: pointer;
		margin-bottom: 0;
		box-shadow: none !important;
		font-size: 16px!important;
		border-radius: 0 !important;
		text-transform: uppercase;
	}
input[type="button"]:hover, input[type="submit"]:hover, button:hover, .button:hover, #additional .viewAll a:hover, #additional_xs .viewAll:hover, #hero aside a:hover, .post-container .readmore:hover, .btn-default:hover {
    background: #8a6d3b;
    border: none;
    text-decoration: none;
}
#additional_xs .viewAll a{
  color: #fff;
}



/** HOMEPAGE TEMPLATE **/
/** Place any CSS code in this section that changes or modifies the template including Body, Container, Aside, or Content. **/
.homepage article {
  padding-top: 20px;
}
.homepage .body-container #content .row div.col-xs-12.col-sm-8.col-md-8 {
  width: 100%; /** make home content area 100% **/
}
.homepage .body-container #content > .container > .row > div:nth-of-type(2) {
  display: none; /** hide homepage #aside **/
}
.homepage #additional .matterContent.selected {
  display: block !important; /** fixes above code to make #additional and #suggested display **/
}


/** SUBPAGE TEMPLATE **/
/** Place any CSS code in this section that changes or modifies the subpage template including Body, Container, Aside, or Content. **/


/** HEADER **/
/** Place any CSS code in this section that changes or modifies the main header in Header or .header **/
header {
  background: #f2f2f2 url(https://s3.amazonaws.com/PlatinumStrategies/PWS/backgrounds/light_grey.png);
}

/** NAVIGATION **/
/** Place any CSS code in this section that changes or modifies the main navigation bar including Nav, or .socialSidebar **/

/* -- Sticky Desktop Navigation --
.navbar-wrapper {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
}
*/
nav.navbar{
  height: auto;
  min-height: auto;
}

/* Add Home Icon to navigation and remove Home text */
/*.nav > li:first-child a:after {
  font-family: FontAwesome;
  content: '\f015';
}
.nav > li:first-child a span {
  display: none;
}*/

.navbar-default, .navbar-collapse, .navbar-header {
  background-color: #0079C1;
}
.navbar-default .navbar-nav li a {
  font-weight: normal;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: capitalize;
}
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:focus,
.navbar-default .navbar-nav li a:active {
  background: #bd8e00;
}

/* desktop dropdown menu */
.navbar-default .navbar-nav li .dropdown-menu {
  background: #bd8e00;
  border: none;
}
.navbar-default .navbar-nav li .dropdown-menu li a {
  color: #EEE;
  text-transform: capitalize;
}
.navbar-default .navbar-nav li .dropdown-menu li a:hover {
  color: #FFF;
  background: rgba(245, 245, 245, 0.15)  !important;
}

/* mobile dropdown menu */
nav.navbar ul ul, .navbar-collapse.collapsing, .navbar-collapse.collapse.in  {
  background-color: #bd8e00;
}
.navbar-nav .open .dropdown-text {
  background-color: rgba(38, 43, 48, 0.2) !important;
}
.navbar-nav .open .dropdown-menu {
  background: rgba(245, 245, 244, 0.1);
}
.navbar-nav .open .dropdown-menu a{
  color: #fff !important;
}

/* mobile hamburger button */
.navbar-default .navbar-toggle {
  border-color: #31708f;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  border: 1px solid #31708f;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #555;
}


/** HERO ROTATOR **/
/** Place any CSS code in this section that changes or modifies the Hero Rotator #hero **/
#hero {
  background: none;
  padding-top: 0;
}
/*#hero .container {
  position: relative;
}
#hero .container .row div {
  width: 100%;
  padding: 0;
}
#hero .backArrow, #hero .forwardArrow{
  margin: 0;
  z-index: 2;
}
#hero .heroImages #hero1 img, #hero .heroImages #hero2 img, #hero .heroImages #hero3 img, #hero .heroImages #hero4 img {
  visibility: hidden !important;
}
#hero .heroImages #hero1 {
  background: url('https://s3.amazonaws.com/PlatinumStrategies/PWS/members/nicoletti/nicoletti-hero-1.jpg') no-repeat center center !important;
  background-size: cover !important;
  width: 100%;
}
#hero .heroImages #hero2 {
  background: url('https://s3.amazonaws.com/PlatinumStrategies/PWS/members/nicoletti/nicoletti-hero-2.jpg') no-repeat center center !important;
  background-size: cover !important;
  width: 100%;
}
#hero .heroImages #hero3 {
  background: url('https://s3.amazonaws.com/PlatinumStrategies/PWS/members/nicoletti/nicoletti-hero-3.jpg') no-repeat center center !important;
  background-size: cover !important;
  width: 100%;
}
#hero .heroImages #hero4 {
  background: url('https://s3.amazonaws.com/PlatinumStrategies/PWS/members/nicoletti/nicoletti-hero-4.jpg') no-repeat center center !important;
  background-size: cover !important;
  width: 100%;
}*/



/** HERO ROTATOR ASIDE **/
/** Place any CSS code in this section that changes or modifies the Hero Rotator #hero aside or wrapper **/
/*#hero aside {
  width: 100%;
  padding: 20px 0;
  background: rgba(0,0,0,0.7);
  text-align: center;
}
@media only screen and (min-width : 768px) {
  #hero aside {
    position: absolute;
    bottom: 0;
    z-index: 0;
  }
}
#hero aside a {
  float: none;
}*/

/** SIDEBAR WIDGET **/
/** Place any CSS code in this section that changes or modifies the Sidebar Widgets, both default and custom **/
/*
#content aside .wrapper {
  background: #EEE;
  padding: 20px;
  margin-top: 30px;
}
#content aside .rule {
  border-bottom: none;
}
*/

/** FOOTER **/
/** Place any CSS code in this section that changes or modifies the main footer in Footer or .footer **/
footer {
  background: #002E52;
}
footer p, footer li, footer div, footer td {
  color: #DDD;
}
footer a, footer .quickLinks ul a {
  color: #BE1E2D;
}
footer a:hover, footer .quickLinks ul a:hover {
  color: #333;
}
footer h4 {
  color: #FFF;
}
@media only screen and (min-width : 992px) {
  footer h4 {
    margin-top: 0;
  }
}
/*
	footer .socialMedia a {
		display: inline-block;
		width: 27px;
		height: 27px;
		font-size: 16px !important;
		padding: 3px 0 0 5px;
		margin: 10px 4px 0 0;
		color: #fff;
	}
	footer .socialMedia a:hover{
		opacity: .75;
	}
	
	footer .socialMedia a.facebook {
		background: #3b5998;
		padding: 3px 0 0 9px;
	}
	
	footer .socialMedia a.twitter {
		background-color: #00aced;
	}
	
	footer .socialMedia a.linkedin {
		background-color: #007bb5;
	}
	
	footer .socialMedia a.youtube {
		background-color: #bb0000;
	}
footer .fa-facebook-square:before {
  content: "\f09a";
}
footer .fa-twitter-square:before {
  content: "\f099";
}
footer .fa-linkedin-square:before {
  content: "\f0e1";
}
footer .fa-youtube-square:before {
  content: "\f16a";
}
*/

/* CLASSES */
/** Place any CSS code in this section that relates to universal CSS classes **/
.body-container {
  background: none;
}
.body-container > .container {
	padding: 0;
}
.body-container #content .container {
	padding-top: 0;
}


#suggested .thumbnail a img {
  border: 3px solid #333;
}
#suggested .thumbnail .caption {
  display: block !important;
}

#additional nav {
  border-bottom: 3px solid #333;
}
#additional nav li{
  margin-bottom: 0;
}
#additional nav a.selected:after {
  top: 100%;
  left: 50%;
  border: solid rgba(0, 0, 0, 0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(26, 88, 65, 0);
  border-top-color: #820024;
  border-width: 10px;
  margin-left: -10px;
}
#additional a.selected, .panel-default .panel-heading {
  background: #840528;
  color: #FFF;
}
#additional .matterContent.selected {
  background: #eee;
  padding: 10px 0 0;
}

#additional_xs .panel-body.selected {
  background: #eee;
  border-radius: 0 0 5px 5px;
}
#additional_xs .panel-default{
  border-color: #333;
}
#additional_xs .panel-body section {
  margin: 0 -15px;
}

#matterContent .featuredFlag{
  left:3px;
}
#matterContent .featuredFlag .flagBody{
  color: #fff;
}

#teamContent .agent {
  padding: 0px 0 10px;
}
#teamContent .agent img {
  margin-top: 10px;
}

#presentation .slideText p{
  color: #aaa;
}

</style>