/* ////////////////////////////////////////////////////   STYLING   ////////////////////////////// */
/*
           ######   #######  ##        #######  ########
          ##    ## ##     ## ##       ##     ## ##     ##
          ##       ##     ## ##       ##     ## ##     ##
          ##       ##     ## ##       ##     ## ########
          ##       ##     ## ##       ##     ## ##   ##
          ##    ## ##     ## ##       ##     ## ##    ##
           ######   #######  ########  #######  ##     ##
*/

/* --------------------  Kolory  ---------------------- */

*.c-white,
*.c-white:before,    *.c-white:after,    *.c-white *:before,   *.c-white *:after,
.bg-white > .btn:hover, .btn.bg-white:hover,
.style-dark .bg-white > .btn > i,.style-dark .btn.bg-white > i,.style-dark .bg-white > .btn span,.style-dark .btn.bg-white span,
.section-title.c-white h1, .section-title.c-white h4
{ color: #fff !important; }

*.c-blue,
*.c-blue:before,    *.c-blue:after,    *.c-blue *:before,   *.c-blue *:after,
.bg-blue > .btn:hover, .btn.bg-blue:hover,
.style-dark .bg-blue > .btn > i,.style-dark .btn.bg-blue > i,.style-dark .bg-blue > .btn span,.style-dark .btn.bg-blue span,
.section-title.c-blue h1, .section-title.c-blue h4
{ color: #0099ff !important; }

*.c-blue2,
*.c-blue2:before,   *.c-blue2:after,   *.c-blue2 *:before,  *.c-blue2 *:after,
.bg-blue2 > .btn:hover, .btn.bg-blue2:hover,
.style-dark .bg-blue2 > .btn > i,.style-dark .btn.bg-blue2 > i,.style-dark .bg-blue2 > .btn span,.style-dark .btn.bg-blue2 span,
.section-title.c-blue2 h1, .section-title.c-blue2 h4
{ color: #497efe !important; }

*.c-navy,
*.c-navy:before,    *.c-navy:after,    *.c-navy *:before,   *.c-navy *:after,
.bg-navy > .btn:hover, .btn.bg-navy:hover,
.style-dark .bg-navy > .btn > i,.style-dark .btn.bg-navy > i,.style-dark .bg-navy > .btn span,.style-dark .btn.bg-navy span,
.section-title.c-navy h1, .section-title.c-navy h4
{ color: #134db2 !important; }

*.c-green,
*.c-green:before,   *.c-green:after,   *.c-green *:before,  *.c-green *:after,
.bg-green > .btn:hover, .btn.bg-green:hover,
.style-dark .bg-green > .btn > i,.style-dark .btn.bg-green > i,.style-dark .bg-green > .btn span,.style-dark .btn.bg-green span,
.section-title.c-green h1, .section-title.c-green h4
{ color: #3ef57c !important; }

*.c-green2,
*.c-green2:before,  *.c-green2:after,  *.c-green2 *:before, *.c-green2 *:after,
.bg-green2 > .btn:hover, .btn.bg-green2:hover,
.style-dark .bg-green2 > .btn > i,.style-dark .btn.bg-green2 > i,.style-dark .bg-green2 > .btn span,.style-dark .btn.bg-green2 span,
.section-title.c-green2 h1, .section-title.c-green2 h4
{ color: #05c193 !important; }

*.c-yellow,
*.c-yellow:before,  *.c-yellow:after,  *.c-yellow *:before, *.c-yellow *:after,
.bg-yellow > .btn:hover, .btn.bg-yellow:hover,
.style-dark .bg-yellow > .btn > i,.style-dark .btn.bg-yellow > i,.style-dark .bg-yellow > .btn span,.style-dark .btn.bg-yellow span,
.section-title.c-yellow h1, .section-title.c-yellow h4
{ color: #ffc25e !important; }

*.c-orange,
*.c-orange:before,  *.c-orange:after,  *.c-orange *:before, *.c-orange *:after,
.bg-orange > .btn:hover, .btn.bg-orange:hover,
.style-dark .bg-orange > .btn > i,.style-dark .btn.bg-orange > i,.style-dark .bg-orange > .btn span,.style-dark .btn.bg-orange span,
.section-title.c-orange h1, .section-title.c-orange h4
{ color: #f38927 !important; }

*.c-red,
*.c-red:before,     *.c-red:after,     *.c-red *:before,    *.c-red *:after,
.bg-red > .btn:hover, .btn.bg-red:hover,
.style-dark .bg-red > .btn > i,.style-dark .btn.bg-red > i,.style-dark .bg-red > .btn span,.style-dark .btn.bg-red span,
.section-title.c-red h1, .section-title.c-red h4
{ color: #ff0033 !important; }

*.c-purple,
*.c-purple:before,  *.c-purple:after,  *.c-purple *:before, *.c-purple *:after,
.bg-purple > .btn:hover, .btn.bg-purple:hover,
.style-dark .bg-purple > .btn > i,.style-dark .btn.bg-purple > i,.style-dark .bg-purple > .btn span,.style-dark .btn.bg-purple span,
.section-title.c-purple h1, .section-title.c-purple h4
{ color: #4d398b !important; }

*.c-grey, .c-grey p, .c-grey h1, .c-grey h2, .c-grey h3, .c-grey h4, .c-grey h5, .c-grey h6,
*.c-grey:before,  *.c-grey:after,  *.c-grey *:before, *.c-grey *:after,
.bg-grey > .btn:hover, .btn.bg-grey:hover,
.style-dark .bg-grey > .btn > i,.style-dark .btn.bg-grey > i,.style-dark .bg-grey > .btn span,.style-dark .btn.bg-grey span,
.section-title.c-grey h1, .section-title.c-grey h4
{ color: #323952 !important; }

*.c-dark, .c-dark p, .c-dark h1, .c-dark h2, .c-dark h3, .c-dark h4, .c-dark h5, .c-dark h6,
*.c-dark:before,  *.c-dark:after,  *.c-dark *:before, *.c-dark *:after,
.bg-dark > .btn:hover, .btn.bg-dark:hover,
.style-dark .bg-dark > .btn > i,.style-dark .btn.bg-dark > i,.style-dark .bg-dark > .btn span,.style-dark .btn.bg-dark span,
.section-title.c-dark h1, .section-title.c-dark h4
{ color: #252525 !important; }

*.c-dark2, .c-dark2 p, .c-dark2 h1, .c-dark2 h2, .c-dark2 h3, .c-dark2 h4, .c-dark2 h5, .c-dark2 h6,
*.c-dark2:before,  *.c-dark2:after,  *.c-dark2 *:before, *.c-dark2 *:after,
.bg-dark2 > .btn:hover, .btn.bg-dark2:hover,
.style-dark .bg-dark2 > .btn > i,.style-dark .btn.bg-dark2 > i,.style-dark .bg-dark2 > .btn span,.style-dark .btn.bg-dark2 span,
.section-title.c-dark2 h1, .section-title.c-dark2 h4
{ color: #161616 !important; }

*.c-black, .c-black p, .c-black h1, .c-black h2, .c-black h3, .c-black h4, .c-black h5, .c-black h6,
*.c-black:before,  *.c-black:after,  *.c-black *:before, *.c-black *:after,
.bg-black > .btn:hover, .btn.bg-black:hover,
.style-dark .bg-black > .btn > i,.style-dark .btn.bg-black > i,.style-dark .bg-black > .btn span,.style-dark .btn.bg-black span,
.section-title.c-black h1, .section-title.c-black h4
{ color: #000 !important; }



/* ////////////////////////////////////////////////////   STYLING   ////////////////////////////// */
/*
          ########   ######
          ##     ## ##    ##
          ##     ## ##
          ########  ##   ####
          ##     ## ##    ##
          ##     ## ##    ##
          ########   ######
*/

/* --------------------  Kolory teł  ---------------------- */

*.bg-white,
.style-dark .bg-white > .btn:hover, .style-dark .btn.bg-white:hover
{ background-color: #fff !important; border-color: #fff !important; }

*.bg-blue,
.style-dark .bg-blue > .btn:hover, .style-dark .btn.bg-blue:hover
{ background-color: #0099ff !important; border-color: #0099ff !important; }

*.bg-blue2,
.style-dark .bg-blue2 > .btn:hover, .style-dark .btn.bg-blue2:hover
{ background-color: #497efe !important; border-color: #497efe !important; }

*.bg-navy,
.style-dark .bg-navy > .btn:hover, .style-dark .btn.bg-navy:hover
{ background-color: #134db2 !important; border-color: #134db2 !important; }

*.bg-green,
.style-dark .bg-green > .btn:hover, .style-dark .btn.bg-green:hover
{ background-color: #3ef57c !important; border-color: #3ef57c !important; }

*.bg-green2,
.style-dark .bg-green2 > .btn:hover, .style-dark .btn.bg-green2:hover
{ background-color: #05c193 !important; border-color: #05c193 !important; }

*.bg-yellow,
.style-dark .bg-yellow > .btn:hover, .style-dark .btn.bg-yellow:hover
{ background-color: #ffc25e !important; border-color: #ffc25e !important; }

*.bg-orange,
.style-dark .bg-orange > .btn:hover, .style-dark .btn.bg-orange:hover
{ background-color: #f38927 !important; border-color: #f38927 !important; }

*.bg-red,
.style-dark .bg-red > .btn:hover, .style-dark .btn.bg-red:hover
{ background-color: #ff0033 !important; border-color: #ff0033 !important; }

*.bg-purple,
.style-dark .bg-purple > .btn:hover, .style-dark .btn.bg-purple:hover
{ background-color: #4d398b !important; border-color: #4d398b !important; }

*.bg-dark,
.style-dark .bg-dark > .btn:hover, .style-dark .btn.bg-dark:hover
{ background-color:#252525 !important; border-color: #252525 !important; }

*.bg-dark2,
.style-dark .bg-dark2 > .btn:hover, .style-dark .btn.bg-dark2:hover
{ background-color:#161616 !important; border-color: #161616 !important; }

*.bg-black,
.style-dark .bg-black > .btn:hover, .style-dark .btn.bg-black:hover
{ background-color:#000 !important; border-color: #000 !important; }

*.bg-light,
.style-dark .bg-light > .btn:hover, .style-dark .btn.bg-light:hover
{ background-color:#eeeeee !important; border-color: #eeeeee !important; }

*.bg-light-blue,
.style-dark .bg-light-blue > .btn:hover, .style-dark .btn.bg-light-blue:hover
{ background-color:#daeaf7 !important; border-color: #daeaf7 !important; }

*.bg-transparent,
.style-dark .bg-transparent > .btn:hover, .style-dark .btn.bg-transparent:hover
{ background: transparent !important;  border-color: transparent !important; }



/* ////////////////////////////////////////////////////   STYLING   ////////////////////////////// */
/*
          ########   #######  ########  ########  ######## ########
          ##     ## ##     ## ##     ## ##     ## ##       ##     ##
          ##     ## ##     ## ##     ## ##     ## ##       ##     ##
          ########  ##     ## ########  ##     ## ######   ########
          ##     ## ##     ## ##   ##   ##     ## ##       ##   ##
          ##     ## ##     ## ##    ##  ##     ## ##       ##    ##
          ########   #######  ##     ## ########  ######## ##     ##
*/

/* --------------------  Kolory borderów  ---------------------- */

*[class*="arrow-"].c-white
{ border-color: #fff; }

*[class*="arrow-"].c-blue
{ border-color: #0099ff; }

*[class*="arrow-"].c-blue2
{ border-color: #497efe; }

*[class*="arrow-"].c-navy
{ border-color: #134db2; }

*[class*="arrow-"].c-green
{ border-color: #3ef57c; }

*[class*="arrow-"].c-green2
{ border-color: #05c193; }

*[class*="arrow-"].c-yellow
{ border-color: #ffc25e; }

*[class*="arrow-"].c-orange
{ border-color: #f38927; }

*[class*="arrow-"].c-red
{ border-color: #ff0033; }

*[class*="arrow-"].c-purple
{ border-color: #4d398b; }

*[class*="arrow-"].c-grey
{ border-color: #252525; }