/*
Theme Name: Ride or Die by Three Ring Focus
Theme URL: http://ThreeRingFocus.com
Description: Responsive Website by ThreeRingFocus
Author: Adam Kipple
Author URI: ThreeRingFocus.com
Version: 1.5.0
Tags: Responsive.
*/

/*======================== FONTS ========================*/
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,500,700,700italic,900,900italic);

body {
margin:0;
padding:0;
background-color:#142a35;
font-family: 'Oswald', sans-serif;
background-image:url(images/backgrounds/rotate.php);
}
.clearboth{
clear:both;
}






/*======================== HEADER ========================*/
/*======================== HEADER ========================*/
/*======================== HEADER ========================*/
.navBar {
width:100%;
padding:15px 0px;
margin:0px 0px 30px 0px;
background-color:#59b5e7;
border-bottom:2px solid #fff;
}
.logo {
padding:0;
float:left;
width:185px;
height:50px;
margin:12px 0px 0px 15px;
background-repeat:no-repeat;
background-image:url(images/global/People-Of-Walmart_r.jpg);
}
.logo a {
padding:0;
width:185px;
height:50px;
display:block;
overflow:hidden;
position:relative;
text-indent:-9999px;
}
.logo a {
width:185px;
height:50px;
display: block;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/global/People-Of-Walmart.jpg) no-repeat;
}
.logo a:hover,
.logo a:focus {
opacity:0;
}
.topSearch {
padding:0;
float:right;
width:70%;
margin: 0px 15px 10px 0px;
}
#search-head {
color:#fff;
padding:7px;
width:180px;
height:20px;
border-top:0px;
background:none;
border-right:0px;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
font-family: 'Roboto', sans-serif;
}
.button-head {
border:0px;
width:20px;
height:20px;
padding:0px;
font-size:0px;
cursor:default;
background-position:center;
background-repeat:no-repeat;
background-color:transparent;
background-image:url(images/global/search-icon.png);
}
.byState {
padding:0;
width:300px;
height:90px;
margin:0px;
background-repeat:no-repeat;
background-image:url(images/global/Search-By-State_r.jpg);
}
.byState a {
padding:0;
width:300px;
height:90px;
display:block;
overflow:hidden;
position:relative;
text-indent:-9999px;
}
.byState a {
width:300px;
height:90px;
display: block;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/global/Search-By-State.jpg) no-repeat;
}
.byState a:hover,
.byState a:focus {
opacity:0;
}



/*======================== MISC ========================*/
/*======================== MISC ========================*/
/*======================== MISC ========================*/
.miniBanner {
width:320px;
margin:auto;
}
.bannerAd {
width:728px;
height:90px;
margin:30px auto;
padding:10px;
background-color:#fff;
}
.leftp {
float:left;
border-radius:3px;
padding:	15px;
text-align:center;
border:1px solid #999;
text-transform:uppercase;
}
.rightp {
float:right;
border-radius:3px;
padding:	15px;
text-align:center;
border:1px solid #999;
text-transform:uppercase;
}




/*======================== FONTS ========================*/
/*======================== FONTS ========================*/
/*======================== FONTS ========================*/
h1 {
color:#000;
font-size:28px;
font-weight:400;
line-height:28px;
text-align:center;
letter-spacing:.4em;
text-transform:uppercase;
padding:20px 0px;
}
h2 {
margin:0;
color:#333;
font-size:28px;
font-weight:400;
line-height:28px;
text-align:left;
letter-spacing:1px;
text-transform:uppercase;
}
h3 {
color:#000;
font-size:22px;
font-weight:600;
line-height:32px;
text-align:center;
letter-spacing:4px;
text-transform:uppercase;
}
h4 {
color:#000;
font-size:17px;
font-weight:600;
line-height:28px;
text-align:left;
letter-spacing:.1em;
text-transform:uppercase;
}
h5 {
margin:5px 0px;
color:#666;
font-size:15px;
font-weight:600;
line-height:20px;
text-align:left;
letter-spacing:.1em;
text-transform:uppercase;
}
p {
color:#333;
font-size:13px;
font-weight:400;
line-height:28px;
letter-spacing:.1em;
font-family: 'Roboto', sans-serif;
}
a {
color:#59b5e7;
font-weight:600;
text-decoration:none;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
a:hover {
color:#142a35;
}
ul {
padding:0px 30px;
}
li {
color:#fff;
font-size:13px;
font-weight:400;
line-height:20px;
}








/*======================== HOME PAGE ========================*/
/*======================== HOME PAGE ========================*/
/*======================== HOME PAGE ========================*/






/*======================== INTERIOR PAGE ========================*/
/*======================== INTERIOR PAGE ========================*/
/*======================== INTERIOR PAGE ========================*/
.gutter {
width:62%;
float:left;
}
.topNumb {
padding-bottom:25px;
}
.splitPost {
height:25px;
width:100%;
padding:0;
margin:50px 0px;
background-position:center;
background-repeat:no-repeat, repeat-x;
background-image:url(images/global/pow-icon.jpg),url(images/global/icon-lines.jpg);
}
.comButton a { 
padding:7px;
font-size:12px;  
border-radius:3px;
text-decoration:none; 
color:#777 !important; 
border: 1px solid #777;
font-family:'Roboto', sans-serif; 
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
.comButton a:hover{
color:#fff !important;
background-color:#2896eb;
border: 1px solid #2896eb;
}
.meta-categories {
padding-left:10px;
word-wrap:break-word;
}
.meta-categories a {
color:#59b5e7;
font-size:13px;
font-weight:400;
padding-top:3px;
line-height:	40px;
letter-spacing:1px;
margin-bottom:20px;
text-decoration:none;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}

.meta-categories a:hover {
color:#142a35;
}


/*======================== SIDEBAR ========================*/
/*======================== SIDEBAR ========================*/
/*======================== SIDEBAR ========================*/
.sidebar {
width:38%;
float:right;
min-width:320px;
}
.sideCon {
width:300px;
padding:10px;
background-color:#fff;
margin:0px auto 30px;
}
.art-r {
width:140px;
float:right;
font-size:15px;
text-align:center;
text-transform:uppercase;
font-weight:400;
font-family: 'Oswald', sans-serif;
line-height:30px;
padding-bottom:5px;
}
.art-r a {
width:140px;
float:right;
color:#666;
text-decoration:none;
-webkit-transition: 	color .4s ease-in-out;
-moz-transition: color .4s ease-in-out;
-o-transition: color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
transition: color .4s ease-in-out;
}
.art-r a:hover {
color: #2896eb;
text-decoration:none;
}

.art-l {
width:140px;
float:left;
font-size:15px;
text-align:center;
text-transform:uppercase;
font-weight:400;
font-family: 'Oswald', sans-serif;
line-height:30px;
padding-bottom:5px;
}
.art-l a {
width:140px;
float:left;
color:#666;
text-decoration:none;
-webkit-transition: 	color .4s ease-in-out;
-moz-transition: color .4s ease-in-out;
-o-transition: color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
transition: color .4s ease-in-out;
}
.art-l a:hover {
color: #2896eb;
text-decoration:none;
}




/*======================== FOOTER ========================*/
/*======================== FOOTER ========================*/
/*======================== FOOTER ========================*/
.foot{
margin:0;
width:100%;
padding:60px 0px;
background-color:#59b5e7;
border-top:2px solid #fff;
}
.foot h2 {
margin:0;
padding-left:30px;
font-size:18px;
font-weight:400;
line-height:20px;
text-align:left;
letter-spacing:1px;
text-transform:uppercase;
}
.foot h2 a{
color:#fff;
font-weight:400;
text-decoration:none;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
.foot h2 a:hover {
color:#142a35;
}
.foot p {
color:#fff;
font-size:12px;
font-weight:400;
line-height:20px;
text-align:justify;
letter-spacing:1px;
margin:0;
padding:5px 10% 0px 30px;
}
.foot ul {
margin:0;
font-size:10px;
text-align:left;
padding:	20px 0px 0px 0px;
}
.foot li {
margin:0;
list-style:none;
line-height:20px;
padding:5px 0px 0px 0px;
}
.foot li a {
color:#fff;
font-size:11px;
font-weight:400;
text-decoration:none;
text-transform:uppercase;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
.foot li a:hover {
color:#142a35;
}
.threeRF {
padding:0;
margin:40px auto;
width:143px;
height:30px;
background-repeat:no-repeat;
}
.threeRF a {
padding:0;
width:143px;
height:30px;
display:block;
overflow:hidden;
text-indent:-9999px;
}
.threeRF a {
width:143px;
height:30px;
display: block;
opacity:0.5;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/global/Three-Ring-Focus.png) no-repeat;
}
.threeRF a:hover,
.threeRF a:focus {
opacity:0.9;
}





/*======================== NAVIGATION ========================*/
/*======================== NAVIGATION ========================*/
/*======================== NAVIGATION ========================*/
.slicknav_menu {
display:none;
}
@media screen and (max-width: 758px) {
.js #menu {
display:none;
}
.js .slicknav_menu {
display:block;
}
}
#submenu {
padding:0;
margin:auto;
width:542px;
float:right;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
}
#submenu ul {
margin:0;
padding:0;
width:100%;
float:right;
list-style:none;
font-weight:300;
}
#submenu li {
margin:0;
padding:0;
float:left;
font-size:17px;
font-weight:400;
list-style:none;
}
#submenu li a {
margin:0;
color:#fff;
display:block;
font-weight:	400;
position:relative;
text-decoration:none;
padding:8px 10px 0px 10px;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
#submenu li a:hover,
#submenu li a:active,
#submenu .current_page_item a  {
color:#142a35;
}
#submenu li a.sf-with-ul {
padding-right:10px;
}	
#submenu li li a, #submenu li li a:link, #submenu li li  {
color:#fff;
width:150px;
font-size:15px;
padding-top:0px; 
line-height:34px;
margin-left:-15px;
position: relative;
padding: 0px 0px 0px 10px;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
#submenu ul ul li:first-child{
margin-top:8px;
border-top:none;
}
#submenu ul ul li:last-child{
border-bottom:none;
}	
#submenu li li:last-child{
border-bottom:none;
}
#submenu li li a:hover, #submenu li li a:active {
color:#142a35; 
margin-left:-15px;
}
#submenu li ul {
padding: 0;
left:-999em;
height:auto;
width:140px;
z-index:9999;
margin:0px 25px;
position: absolute;
}
#submenu li ul a { 
width:140px;
background-color:#59b5e7;
}
#submenu li ul ul {
margin:-27px 0 0 140px;
}
#submenu li:hover ul ul,
#submenu li:hover ul ul ul,
#submenu li.sfHover ul ul,
#submenu li.sfHover ul ul ul {
left:-999em;
}
#submenu li:hover ul,
#submenu li li:hover ul,
#submenu li li li:hover ul,
#submenu li.sfHover ul,
#submenu li li.sfHover ul,
#submenu li li li.sfHover ul {
left:auto;
}
#submenu li:hover,
#submenu li.sfHover { 
position:static;
}
/* mobile-menu	 */
select.mobileMenu{
width:100%;
padding:3px 0px;
}






/*======================== RESPONSIVE STYLES ========================*/
/*======================== RESPONSIVE STYLES ========================*/
/*======================== RESPONSIVE STYLES ========================*/
.container {
padding:0;
width:100%;
max-width:1200px;
margin:20px auto;
}
.entry {
padding:15px;
background-color:#fff;
}
.entry-content img,
.comment-content img,
.widget img {
max-width: 97.5%;
}
img[class*="align"],
img[class*="wp-image-"] {
height: auto;
}
img.size-full {
max-width: 97.5%;
width: auto; 
}
.video-container {
height:0;
padding-top:25px;
position:relative;
padding-bottom:56.25%;
}
.video-container iframe {
top:0;
left:0;
width:100%;
height:100%;
position:absolute;
}
#cent{margin:auto;}
#alfa{float:left;}
#omega{float:right;}

.one 	{width:10%;}
.two 	{width:20%;}
.three 	{width:30%;}
.four 	{width:40%;}
.five 	{width:50%;}
.six 	{width:60%;}
.seven 	{width:70%;}
.eight 	{width:80%;}
.nine 	{width:90%;}
.ten 	{width:100%;}
.third 	{width:33.333%;}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.topSearch {
padding:0;
float:right;
width:40%;
margin: 0px 15px 10px 0px;
}
}

/* Desktops & Laptops */
@media only screen and (max-width : 979px) {
.gutter {
width:438px;
float:left;
}
.topSearch {
padding:0;
float:right;
width:30%;
margin: 0px 15px 10px 0px;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 758px) {
#hideAll {
height:0px;
width:0px;
margin:0px;
padding:0px;
overflow:hidden;
}
.logo {
padding:0;
float:none;
width:185px;
height:50px;
margin:15px auto;
background-repeat:no-repeat;
background-image:url(images/global/People-Of-Walmart_r.jpg);
}
.gutter {
width:100%;
float:none;
}
.sidebar {
float:none;
width:100%;
margin-top:20px;
background-color:#fff;
}
.one,
.two,
.three,
.four,
.five,
.six,
.seven,
.eight,.nine,
.ten {width:80%;}
}



/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.one,
.two,
.three,
.four,
.five,
.six,
.seven,
.eight,.nine,
.ten {width:90%;}
}