/* Description:     Defines MY- styles for use with UIkit
 ========================================================================== */

/* Fonts
 ========================================================================== */

body 						{background: url(../my-images/all-bg.jpg) repeat;}

.my-container				{}

.my-border					{border-style: solid; border-width: 1px;} 

#nav-main					{position: absolute;
							top: 20%;
							width: 100%;
							color: #b78f63;}

.my-nav-bg-main				{background: rgba(0,0,0,.80);}

#footer-main				{position: absolute;
							bottom: 0;
							width: 100%;
							background: rgba(0,0,0,.80); color: #b78f63;}

.hero						 {position: relative; margin-top: 0px; height: 360px; text-align: center; 
							 background: url(../my-images/wide_corner.jpg) center no-repeat; background-size: cover;
							 border-bottom: thick solid #000000;}

/* 
@media only screen and (max-width: 769px) {.hero {height: 280px;}}
@media only screen and (max-width: 600px) {.hero {height: 260px;}}
@media only screen and (max-width: 500px) {.hero {height: 250px;}}
@media only screen and (max-width: 400px) {.hero {height: 240px;}}
*/

.hero.landing				{background: url(../my-images/ss_warehouse2gs.jpg) center no-repeat; background-size: cover; }

.hero.about					{background: url(../my-images/wide_warehouse3.jpg) center no-repeat; background-size: cover; }
.hero.attorney				{background: url(../my-images/wide-columns.jpg) center no-repeat; background-size: cover; }
.hero.practice				{background: url(../my-images/wide_working.jpg) center no-repeat; background-size: cover; }
.hero.diversity				{background: url(../my-images/wide_corner.jpg) center no-repeat; background-size: cover; }
.hero.contact				{background: url(../my-images/wide_skyline.jpg) center no-repeat; background-size: cover; }


.center {
  background: #000000;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  text-align: center;
}

							
.my-flyout,
.my-flyout-title,
.my-flyout-text,
.my-flyout-text-small		{color: #b78f63;}								
.my-flyout					{position: absolute; bottom: 12%; right: 12%;
								border-radius: 5px;
								background: rgba(0,0,0,.80);}
.my-flyout-hr				{border-top: 3px solid #003e14;
							 border-bottom: 1px solid #7e5d3f;
							}
.my-flyout-title			{padding: 20px 40px 0px 40px;}
.my-flyout-text				{padding: 0px 40px 10px 40px;}
.my-flyout-text-small		{padding: 0px 40px 40px 40px;}
							
.my-rounded-corners-left	{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}							
.my-rounded-corners-right	{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}						
					
							
							
#nav, #footer				{background: #000000; color: #b78f63;}

.my-pad-left				{padding-left: 10px;}
.my-pad-right				{padding-right: 10px;}

.my-padding-bottom			{padding-bottom: 10px;}

#nav_logox					{background: rgba(255, 255, 255, 0.95)}

#logo						{height: 146px; }

.my-logo-height				{ min-width: 161px;}

.my-phone-button			{padding-left: 10px; padding-top: 10px;}

.my-nav-color				{color: #b78f63;}

.opacity-half				{opacity: 0.5;}	

.my-nav						{}

.my-nav-logo				{}

.my-nav-a 					{color: #b78f63;}
.my-nav-a:hover 				{background: #b78f63; color: #000000;}

.my-nav-b 					{color: #b78f63; text-decoration: underline; font-size: 1.000em; font-weight: normal;
								display: inline; padding: 4px 20px 2px 35px;}
.my-nav-b:link				{color: #b78f63; text-decoration: underline; font-weight: normal;}
.my-nav-b:visited 			{color: #b78f63; text-decoration: underline; font-weight: normal;}
.my-nav-b:hover 				{color: #b78f63; text-decoration: underline; font-weight: bold;}

.my-nav-c 					{color: #b78f63; text-decoration: underline; font-size: 1.000em; font-weight: normal;
								display: inline;}
.my-nav-c:link				{color: #b78f63; text-decoration: underline; font-weight: normal;}
.my-nav-c:visited 			{color: #b78f63; text-decoration: underline; font-weight: normal;}
.my-nav-c:hover 				{color: #b78f63; text-decoration: underline; font-weight: bold;}