/*
Theme Name: Priscilla Hann
Author: the Rotary Creative Group team
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
a:hover {
    color: #90b494;
    text-decoration: none;
}
.navbar-brand img {
    max-height: 55px;
}
.navbar-light #navbarSupportedContent .navbar-nav .nav-link {
    padding: 0 20px;
}
.navbar {
    font-family: 'Raleway';
    position: fixed !important;
    width: 100% !important;
    z-index: 900 !important;
}
.navbar li a {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    color: #292929;
    opacity: 0.5;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    max-width: 100%;
    white-space: normal;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 1);
    opacity: 1;
}
body .bg-light {
    background: #fff !important;
}

.jumbotron {
    background-size: cover;
    overflow: hidden;
    background-position: center;
    background-attachment: fixed;
    height: 90vh;
}

.jumbotron {
    border-radius: 0 !important;
}

h1 {
    color: #fff !important;
    text-shadow: 0 2px 5px #484848;
    text-transform: uppercase;
    letter-spacing: 10px;
    margin-right: -10px;
    max-width: 700px;
    font-size: 40px !important;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: block;
    transform: translateY(-50%);
    top: 50%;
}

h2, h3, h4, h5, h6 {
    font-family: 'Poppins','Raleway',"Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-align: center;
}

h2 {
    font-size: 40px !important;
    font-weight: 300 !important;
}

h3 {
    font-size: 18px !important;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px !important;
}

.dark {
    background: #292929;
    color: #fff;
    padding-top: 96px;
    padding-bottom: 96px;
}

.content {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.content p {
    opacity: 0.75;
    text-align: center;
}

.icon {
    display: block;
    width: 80px;
    height: 80px;
    border: 1px solid #13181d;
    background: #13181d;
    text-align: center;
    line-height: 80px;
    color: #fff;
    border-radius: 50%;
    margin: 0 auto;
    font-size: 35px;
    margin-bottom: 24px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.dark p {
    font-size: 14px;
    text-align: center;
}

/* commissioned work */

.secondary {
    padding-top: 96px;
    padding-bottom: 96px;
    background: #f8f8f8;
}

.secondary h2 {
    padding-bottom: 30px;
}

span.image {
    background: #292929;
    display: block;
    position: relative;
}

.hover {
    position: absolute;
    bottom: 0;
    top: 40%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    transition: 0.3s all ease;
    opacity: 0;
}

.hover h3 {
    display: block;
}

.hover h3 {
    font-size: 30px !important;
    font-weight: 300;
}

span.image:hover .hover {
  opacity: 1;
  transition: 0.3s all ease;
}

span.image:hover img {
    transition: 0.3s all ease;
    opacity: 0.4;
}

.image img {
    width: 100%;
}

.howtocommission {
    background-attachment: fixed !important;
    background-size: cover !important;
}

.howtocommission {
    color: #fff;
}

.fadeout {
    background: rgba(0, 0, 0, 0.57);
    padding-top: 96px;
    padding-bottom: 96px;
}

.fadeout a {
    color: #fff;
    font-weight: 700;
}


.acf-map {
    width: 100%;
    height: 655px;
}
/* fixes potential theme css conflict */
.acf-map img {
max-width: inherit !important;
}
div#services span.icon
{
	transition: all ease-in-out 5s;
}
div#services .col-md-4:hover span.icon {
  animation: pulse-animation 3s infinite;
}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgb(144,180,148, 0.5);
  }
  50% {
    box-shadow: 0 0 0 15px rgb(144,180,148, 0.5);
  }
   0% {
    box-shadow: 0 0 0 0px rgb(144,180,148, 0.5);
  }
}

/* contact form */
.contact-area .row {
    padding: 0;
}
.contact-form {
    max-width: 360px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom:60px;
    display: flex;
    justify-content: center;
}
input, button, select, textarea {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input.wpcf7-form-control.wpcf7-submit {
    background: #90b494;
    padding: 10px 30px;
    border-radius: 100px;
    margin-top: 20px;
    display: inline-block;
    font-weight: normal !important;
    text-decoration: none;
    transition: all ease-in-out 0.5s;
    font-family: 'Poppins', 'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    margin-bottom: 0;
}
form.wpcf7-form {
    position: relative;
}
.wpcf7-spinner {
    position: absolute;
    left: 40%;
    bottom: 13px;
}
.wpcf7-submit:hover {
    color: #fff;
    text-decoration: none;
    background: #72836f;
}
input.wpcf7-form-control, textarea.wpcf7-form-control, input.wpcf7-form-control {
    border-radius: 10px !important;
}
input.wpcf7-form-control {

}
input.wpcf7-form-control {
    background: #f5f5f5;
    border: none;
    width: 100%;
    height: 50px;
    padding-left: 20px;
    font-weight: 500;
    margin-bottom: 24px;
    text-transform: uppercase;
    font-size: 12px;
}
textarea {
    width: 100%;
    border: none;
    background: #f5f5f5;
    margin-bottom: 24px;
    border-radius: 0;
    padding: 16px 20px;
}
textarea {
    height: 135px !important;
}
.contactdetails {
    background: #72836f;
    color: #fff;
    font-size: 14px !important;
    padding: 40px 0;
}
footer .row {
    display: flex;
    align-items: center;
}
.contactdetails a {
    color: #fff !important;
}
.align-right {
    float: right;
    text-align: right;
}
.bold {
    font-weight: 700;
}
footer {
    background: #4b514a;
    padding: 50px 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
footer img {
    border-radius: 25px;
    max-height: 60px;
    opacity: 1;
}
.social_icon {
    float: right;
    text-align: right;
}
.social_icon i {
    color: #c7d9c9;
    opacity: 1;
    font-size: 40px;
    transition: 0.3s all ease;
}
.social_icon:hover {
    opacity: 1;
    transition: 0.3s all ease;
}
p.nfs-label {
    font-size: 12px;
    font-weight: 700;
    font-family: 'raleway';
}
div#about {
    padding-top: 60px;
}
div#about p {
    padding-bottom: 20px;
}
#about img {
    width: 100%;
    height: 84%;
    object-fit: contain;
}
@media only screen and (max-width: 500px)  {

    #contactdetails {
        text-align: center !important;
        float: none !important;
    }

    .contactdetails p {
        text-align: center;
    }

    span.align-right {
        float: none;
        text-align: center;
    }

    footer img {
        margin-bottom: 15px;
    }

    span.align-right {
        float: none;
        text-align: center;
    }
    
    footer img {
        margin-bottom: 15px;
    }
    
    a.social_icon {
        float: none;
        text-align: center;
        padding-top: 15px;
        display: block;
    }

    body {
        overflow-x: hidden;
    }
}

footer a {
	color: #fff !important;
	text-decoration: underline;
}