@charset "utf-8";
/* CSS Document */

html {scroll-behavior: smooth;}
div.wrapper {width: 1140px; margin:0 auto;}
div.wrapperTwo {width: 1140px; margin:0 auto; display: flex;}
div.header {height:150px; background-color: #47c1bd; padding-top: 10px;}
div.nav {height: 50px; background-color: #3a9f9c;}
a {text-decoration: none;}
div.footer {height:95px; background-color: #47c1bd; padding-bottom:10px;}
/* Font Family Design */
h1 {font-family: "Bebas Neue", serif; font-size: 50px; color: #47c1bd}
h2 {font-family: "Oswald", serif; font-size: 25px;color: #c36941}
body{margin: 0;}
p {margin: 0 auto; padding: 10px auto;font-family:"Trebuchet MS", sans-serif;}

/*HEADER*/
div.nav ul {margin:0;}
div.nav li {display: inline-block; margin-left: 10px; margin-right: 105px;}
div.nav li a {color:#f8fcfe; font-family: "Oswald"; font-size: 30px;}
div.nav li a:hover {color: #ce6941;} 

/*INDEX - UPPERPAGE*/
div.callToAction {background:url("images/Gym-Site-Design.png") top center no-repeat; background-size:100%; } 
div.callToAction div.wrapper{background:url("images/Members.png") top center no-repeat; padding-top: 50px; padding-bottom: 50px; padding-left: 350px; width: 790px; }
div.callToAction a.swolemate {display:block; font-family: "Bebas Neue", serif; font-size: 80px; color: #c36941; background: #f8fcfe; border: solid 5px #47c1bd; border-radius: 10px; height: 100px; width: 675px; text-align: center; margin-top: 425px;padding: 0 5px 5px 5px;  transform: rotate(-19deg);}
div.callToAction a.swolemate:hover {display:block; font-family: "Bebas Neue", serif; font-size: 90px; color: #c36941; background: #f8fcfe; border: solid 8px #47c1bd; border-radius: 10px; height: 110px; width: 750px; text-align: center; padding: 0 5px 5px 5px;  transform: rotate(-19deg);}
div.callToAction a.triangle {display:block; width: 190px; height:112px; background: url("images/DownButton.png") top center no-repeat; margin-left: 600px;}
div.callToAction a.triangle:hover {background:url("images/DownButton-Hover.gif") center center no-repeat; background-size:200%;}
/*INDEX - LOWERPAGE*/
div.mission h1{margin:25px auto 10px;}
div.mission {margin:0 auto; padding: 25px 25%;}
div.mission a {text-decoration: none;}

/*ABOUT*/
div.aboutUs {background:url("images/Gym-Site-Design.png") top center no-repeat; background-size:100%; padding-top: 50px; padding-bottom:225px;}
div.aboutUs div.wrapper {display:flex; margin:0 auto;}
div.aboutUs div.ownerImage {margin: 10px; padding:0;}
div.aboutUs div.ownerInfo{width:550px; padding: 0 25px 35px; background-color:#ffffff; border:solid 3px #47c1bd; border-radius: 0 10px 10px 0;}

/*SWOLEMATE*/
div.swoleBody {background:url("images/Gym-Site-Design.png") top center no-repeat; background-size:100%; padding-top: 15px; margin:0;}
div.swoleBody div.wrapper{display:flex; padding-top:25px;padding-bottom:25px;}
div.swoleBody div.swoleDefinition {background: #ffffff; width:40%; margin:5px 0; padding:0 10px 10px; border-radius:10px;}
table {width: 60%;border-collapse: separate; display:block; margin: 5px 0;padding:0; font-family:"Trebuchet MS", sans-serif; table-layout:fixed;}
div.swoleBody h1{margin:0;}
div.swoleBody h2{margin:5px 0;}
div.swoleBody span{font-family:"Trebuchet Ms", sans-serif;color:#000;font-size:24px;}
th,td {border: 1px solid #47c1bd;text-align: center;background-color:#fff; padding:2.5px 5px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}
th {background-color: #47c1bd;color: #f8fcfe;border-radius:10px 10px 0 0;}
.highlight {background-color: #f8f9fa;border-radius:5px 0 0 5px;}
.special {background-color: #f0f0f0;}
div.membership {width:30%; height:300px;margin: 0 5px 15px;padding:0 15px 5px;background-color:#f8fcfe;border:solid 3px #c36941;border-radius:10px;}
div.membership li{font-family:"Trebuches MS", sans-serif;}

/*CONTACT*/
div.contactInfo {background:url("images/Gym-Site-Design.png") top center no-repeat; background-size:100%;padding:50px; padding-bottom:98px;}
div.contactInfo div.wrapper {display: flex; margin: 0 auto;}
div.contactInfo div.location {margin: 25px; padding:0;}
#hours {margin:0 0 15px;}
#info {margin:0 0 15px 25px;}

/*FOOTER*/
div.footer div.footerSocial {width: 300px; height: 75px; display:block;margin:0 25px 0 0; padding-bottom:10px;}
div.footer ul {padding:0;list-style: none;}
div.footer div.footerSocial ul.socialGroup li {vertical-align: top;display: inline;margin:0 10px 0 0;}
div.footer div.footerSocial ul.socialGroup a {color: #fff;text-decoration: none;}
div.footer div.footerContact {width: 300px; height:75px; display:block; margin:0 25px 0 0; padding-bottom:10px;}
div.footer div.footerLocation {width: 300px; height:75px; display:block; margin:0 25px 0 0; padding-bottom: 10px;}