/*---------------------------------------------------------
 *
 * "colours.css" overrides colours in main CSS file -> "style.css".
 * 
 * Use the colour schemes bellow colours/patterns or add your own.
 *
 * To apply a particular colour scheme just add names to
 * body tags on all pages. See example:
 *
 * <body id="blue" class="transparent1">
 *
 * If you change colours in "styles.css" directly you don't need "colors.css" file.
 *
----------------------------------------------------------/


/*========== B A C K G R O U N D   S E T T I N G S ==========*/

body { background-color:#F6F6F6; }



/*========== C O L O R   S E T T I N G S ==========*/



/*---------------- PURPLE - #5E6872 ----------------*/



/*---------------- BLUE - #5796C7 ----------------*/
#blue .button {background:#5796C7;}
#blue .button:hover {color: white !important;background-color:#555;}
#blue .button.secondary {background:#444;color:#fff;}
#blue .button.search {background:url("../images/btn_search.png") no-repeat center center #5796C7;}
#blue .button.search:hover {background:url("../images/btn_search.png") no-repeat center center #555;}
#blue .postdate {background:#5796C7;position: absolute;}
#blue .link-btn {color:#5796C7;}
#blue .subfooter {background-color:#5796C7;}
#blue .top-bar ul > li:hover a {background:#5796C7;color:#fff;}
#blue .top-bar ul > li.has-dropdown .dropdown li a:hover {background:#5796C7;color:#fff;}
#blue .top-bar ul > li a.active {color:#fff;background: #5796C7;}
#blue .top-bar ul > li.has-dropdown .dropdown li a {background: #333;}
#blue .tp-caption.very_big_colour{background: #5796C7;}	
#blue .portfolio-item:hover {box-shadow: 2px 2px  5px 0 rgba(0,0,0,.3)}
#blue .ch-img-1 {background-image:url(../images/circles/blue_circle_1.jpg);}
#blue .ch-img-2 {background-image: url(../images/circles/blue_circle_2.jpg);}
#blue .ch-img-3 {background-image: url(../images/circles/blue_circle_3.jpg);}
#blue .ch-img-4 {background-image: url(../images/circles/blue_circle_4.jpg);}
/*#blue .acc_trigger {background:url(../images/accordions/blue_acc_closed.png) no-repeat right center;}*/
#blue .acc_trigger.active {background:url(../images/accordions/blue_acc_opened.png) no-repeat right center;}
#blue ul.pagination li.current a {background:#5796C7;}
#blue ul.pagination li:hover a, ul.pagination li a:focus {color:#fff;}
#blue .sb-header {color:#5796C7;}
#blue .ph-bg1 {background: url(../images/page_header_5.jpg) no-repeat center top;}
#blue .option-set li a {background:#f0f0f0;color:#555;}
#blue .option-set li a.selected {color:#fff;background:#5796C7;}
#blue input[type=submit], button {background:#5796C7;}
#blue input[type=submit]:hover, button:hover {background:#555;}
#blue input[type=submit]:active, button:active {background:#5796C7;}
#blue .box:hover {border-bottom:1px solid #5796C7;}
#blue ::selection {background: #5796C7; color:#FFF;}
#blue ::-moz-selection {background: #5796C7; color:#FFF;}