/*
------------------------------------------

           DEFAULT STYLE OVERRIDE

------------------------------------------
*/

.row {
   margin-bottom: 0;
}

.section {
   padding: 80px 0;
}

h4 {
   line-height: 3.508rem;
}

@media only screen and (min-width: 993px) {
   .container {
      width: 80%;
   }
}



/*
------------------------------------------

             NAVIGATION STYLES

------------------------------------------
*/

nav ul li:hover,
nav ul li.active {
   background-color: #F0F0F0;
}



/*
------------------------------------------

               HERO STYLES

------------------------------------------
*/

#hero {
   padding: 120px 0;
}

#hero p {
   font-size: 1.2em;
}



/*
------------------------------------------

           ANALYZE FORM STYLES

------------------------------------------
*/

#analyze-form {
   padding: 30px 0;
}

#analyze-form .input-field input[type=text]:focus + label {
   color: #2196F3;
}

#analyze-form .input-field input[type=text]:focus {
   border-bottom: 1px solid #2196F3;
   box-shadow: 0 1px 0 0 #2196F3;
}



/*
------------------------------------------

               PROMO STYLES

------------------------------------------
*/

#promo .col i {
   font-size: 8rem;
   display: block;
}

#promo .col .promo-title {
   font-size: 1.7rem;
   font-weight: 500;
   margin-top: 5px;
   margin-bottom: 0px;
}



/*
------------------------------------------

         RECENTLY ANALYZED STYLES

------------------------------------------
*/

#recently-analyzed .card .recent-title,
#recently-analyzed .card .recent-site {
   display: block;
   color: #000;
   font-size: 1em;
   text-transform: none;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

#recently-analyzed .card .recent-site,
#recently-analyzed .card:hover .recent-title {
   display: none;
}

#recently-analyzed .card:hover .recent-site {
   display: block;
}

#recently-analyzed .card .card-image {
   overflow: hidden;
}

#recently-analyzed .card .card-image img {
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -khtml-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   -ms-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}

#recently-analyzed .card:hover .card-image img {
   opacity: 0.9;
   filter: alpha(opacity=90);
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   -khtml-transform: scale(1.05);
   -o-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
}



/*
------------------------------------------

           ANALYZE PAGE STYLES

------------------------------------------
*/

#website-title {
   word-break: break-all;
}

#website-thumbnail {
   padding: 10px;
   border-radius: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
}

#website-thumbnail img {
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
}

#meta-information {
   padding-left: 50px;
}

#alexa-graphs .col {
   padding-top: 60px;
}



/*
------------------------------------------

              FOOTER STYLES

------------------------------------------
*/

#footer {
   padding: 50px 0;
}

#footer a {
   opacity: 0.6;
   filter: alpha(opacity=60);
}

#footer a:hover {
   opacity: 1;
   filter: alpha(opacity=100);
}