/**

 * orun Social Buttons

*/



.orun-social-button-wrapper {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-evenly;

    margin-top: 10px;

}



.orun-social-button-plg {

    border: 1px solid;

    border-radius: 3px;

    width: 100%;

    line-height: 40px;

    transition: .3s;

    display: flex;

    padding-left: 25px;

    margin-bottom: 10px;

    font-weight: 600;

    text-align: left;

}



.orun-social-button-plg::before {

    width: 35px;

    padding-right: 25px;

    margin-right: 20px;

    border-right: 1px solid rgba(255,255,255,0.3);

}



.orun-social-button-plg:hover {

    filter: brightness(0.9);

}



.orun-plg-facebook {

    background-color: #1877F2;

    border-color: #1877F2;

    color: #fff !important;

}



.orun-plg-facebook::before {

    content: '\f39e';

    font-family: 'Font Awesome 5 Brands';

    font-weight: 900;

}



.orun-plg-twitter {

    background-color: #1DA1F2;

    border-color: #1DA1F2;

    color: #fff !important;

}



.orun-plg-twitter::before {

    content: '\f099';

    font-family: 'Font Awesome 5 Brands';

    font-weight: 900;

}



.orun-plg-instagram {

    background-color: #E4405F;

    border-color: #E4405F;

    color: #fff !important;

}



.orun-plg-instagram::before {

    content: '\f16d';

    font-family: 'Font Awesome 5 Brands';

    font-weight: 900;

}



.orun-plg-pinterest {

    background-color: #BD081C;

    border-color: #BD081C;

    color: #fff !important;

}



.orun-plg-pinterest::before {

    content: '\f231';

    font-family: 'Font Awesome 5 Brands';

    font-weight: 900;

}



.orun-plg-youtube {

    background-color: #CD201F;

    border-color: #CD201F;

    color: #fff !important;

}



.orun-plg-youtube::before {

    content: '\f167';

    font-family: 'Font Awesome 5 Brands';

    font-weight: 900;

}



.orun-plg-linkedin {

    background-color: #0A66C2;

    border-color: #0A66C2;

    color: #fff !important;

}



.orun-plg-linkedin::before {

    content: '\f0e1';

    font-family: 'Font Awesome 5 Brands';

    font-weight: 900;

}



.orun-plg-tumblr {

    background-color: #34465D;

    border-color: #34465D;

    color: #fff !important;

}



.orun-plg-tumblr::before {

    content: '\f173';

    font-family: 'Font Awesome 5 Brands';

    font-weight: 900;

}



.orun-plg-tiktok {

    background-color: #EE1D51;

    border-color: #EE1D51;

    color: #fff !important;

}



.orun-plg-tiktok::before {

    content: '\e07b';

    font-family: 'Font Awesome 5 Brands';

    font-weight: 900;

}



.orun-plg-twitch {

    background-color: #6441a5;

    border-color: #6441a5;

    color: #fff !important;

}



.orun-plg-twitch::before {

    content: '\f1e8';

    font-family: 'Font Awesome 5 Brands';

    font-weight: 900;

}



.orun-plg-medium {

    background-color: #333;

    border-color: #333;

    color: #fff !important;

}



.orun-plg-medium::before {

    content: '\f3c7';

    font-family: 'Font Awesome 5 Brands';

    font-weight: 900;

}



/**

 * orun Shortcodes CSS

*/



/*

* Button Shortcodes [orun_button]

*/



a.orun-btn {

    border-radius: 3px;

    padding: 7.5px 20px;

    display: inline-block;

    text-align: center;

    color: #fff !important;

    background-color: #0090F8;

    transition: .3s;

    margin: 3px auto;

    font-weight: 500;

}



a.orun-btn:hover {

    filter: brightness(0.95);

}



a.orun-btn.small {

    padding: 7.5px 20px;

}



a.orun-btn.medium {

    padding: 10px 30px;

}



a.orun-btn.big {

    padding: 15px 40px;

}



a.orun-btn.red {

    background-color: #e74c3c;

}



a.orun-btn.purple {

    background-color: #9B59B6;

}



a.orun-btn.cyan {

    background-color: #3498DB;

}



a.orun-btn.blue {

    background-color: #0090F8;

}



a.orun-btn.green {

    background-color: #45B39D;

}



a.orun-btn.yellow {

    background-color: #F4D03F;

}



a.orun-btn.orange {

    background-color: #EB984E;

}



a.orun-btn.pink {

    background-color: #f37674;

}



a.orun-btn.black {

    background-color: #464646;

}



a.orun-btn.white {

    border: 1px solid #dcdcdc;

    background-color: #fff;

    color: #222 !important;

}



/* 

* Box Shortcodes [orun_box]

*/



div.orun-box {

    display: block;

    padding: 20px;

    border-left-width: 5px;

    border-left-style: solid;

    border-left-color: #0090F8;

    background-color: #f9f9f9;

    margin-bottom: 15px;

    line-height: 27px;

}



div.orun-box.red {

    border-color: #e74c3c;

}



div.orun-box.purple {

    border-color: #9B59B6;

}



div.orun-box.cyan {

    border-color: #5499C7;

}



div.orun-box.blue {

    border-color: #3498DB;

}



div.orun-box.green {

    border-color: #45B39D;

}



div.orun-box.yellow {

    border-color: #F4D03F;

}



div.orun-box.orange {

    border-color: #EB984E;

}



div.orun-box.pink {

    border-color: #f37674;

}



div.orun-box.black {

    border-color: #464646;

}



/* 

* Accordion Shortcodes [orun_accordion]

*/

.orun-accordion-item {

    border: 1px solid #dcdcdc;

    border-radius: 3px;

    margin-bottom: 20px;

}

  

.accordion-header {

  padding:10px 20px;

  min-height: 3.5rem;

  line-height: 1.25rem;

  font-weight: 600;

  display: flex;

  align-items: center;

  position: relative;

  cursor: pointer;

  background-color: #fafafa;

}



.accordion-header::after {

  content: '+';

  font-size: 2rem;

  position: absolute;

  right: 1rem;

}



.accordion-body {

  max-height: 0;

  overflow: hidden;

  transition: max-height .2s ease-out;

}



.accordion-body-content {

  border-top: 1px solid #dcdcdc;

  padding: 20px;

}



/* 

* Highlight Shortcodes [orun_hightlight]

*/



span.orun-highlight {

    background-color: rgba(255,255,255,.1);

    padding:2px;

    color: #fff;

}



span.orun-highlight.red {

    background-color: #e74c3c;

}



span.orun-highlight.purple {

    background-color: #9B59B6;

}



span.orun-highlight.cyan {

    background-color: #5499C7;

}



span.orun-highlight.blue {

    background-color: #3498DB;

}



span.orun-highlight.green {

    background-color: #45B39D;

}



span.orun-highlight.yellow {

    background-color: #F4D03F;

    color: #222;

}



span.orun-highlight.orange {

    background-color: #EB984E;

}



span.orun-highlight.pink {

    background-color: #f37674;

}



span.orun-highlight.black {

    background-color: #464646;

}