/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* Custom Social Follow Block CSS */

section.social-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
   }
   section.social-block article.social-block-contents {
       text-align: center; 
   }
   section.social-block article.social-block-contents h1 {
       font-family: "Microbrew Three";
       font-size: 4rem;
       padding: 0;
       margin-bottom: 0;
   }
   section.social-block article.social-block-contents ul.social-block-icons {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
       -webkit-box-pack: center;
           -ms-flex-pack: center;
               justify-content: center;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-flow: row nowrap;
               flex-flow: row nowrap;
       margin: 0px auto 20px;
   }
   section.social-block article.social-block-contents ul.social-block-icons li.social-block-icon {
    margin: 0 20px;
   }
   section.social-block article.social-block-contents ul.social-block-icons li.social-block-icon > a {
       font-size: 50px;
       color: #270070;
       padding: 0; /* removes shared padding */
       -webkit-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;
   }
   
   section.social-block article.social-block-contents ul.social-block-icons li.social-block-icon > a:hover,
   section.social-block article.social-block-contents ul.social-block-icons li.social-block-icon > a:active, 
   section.social-block article.social-block-contents ul.social-block-icons li.social-block-icon > a:focus {
       /* color: #FFD100; */
   }

   
   section.social-block article.social-block-instagram {
       width: 100%;
   }
   
   section.social-block figure {
   
   }
   section.social-block figure {
   }
   
   @-webkit-keyframes hoverSocial {
       0% {
           background: transparent;
           width: 0px;
           height: 0px;
       }
       100% {
           background: #270070;
           width: 65px;
           height: 65px;
   
       }
   }
   
   @keyframes hoverSocial {
       0% {
           background: transparent;
           width: 0px;
           height: 0px;
       }
       100% {
           background: #270070;
           width: 65px;
           height: 65px;
   
       }
   }

section.social-block article.social-block-contents ul.social-block-icons li.social-block-icon > a {
    color: var(--yale-blue-secondary);
    transition: 0.35s linear transform;
}
section.social-block article.social-block-contents ul.social-block-icons li.social-block-icon > a svg {
    transition: 0.35s linear transform;
}
section.social-block article.social-block-contents ul.social-block-icons li.social-block-icon > a:hover {
    color: var(--picton-blue);
    /* transform: scale(1.1); */
}
section.social-block article.social-block-contents ul.social-block-icons li.social-block-icon > a:hover svg {
    /* transform: scale(1.1); */
}