/**
 * This css file contains the supplementary backbone of the base-theme.
 * Overwriting these selectors & variables will take impact on the whole site, if you want
 * to target a single page or block use the minsky.css file.
 * Uncomment to use.
 * 
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* ..................... BASICS ..................... */

/* containers */
.inner{margin-left: auto;margin-right: auto;padding:30px;}
#main-section .inner{padding-left:0;padding-right:0;}

/* header */
header#header-top #branding{float:left;margin-right:30px;}
header#header-top .region-header{float:right;clear:none;}

h1,h2,h3,h4,h5,h6{line-height:1em;}
h1#site-name{margin:0;}
h1{margin:0;}

/* main navigation */
.region-header .block-menu ul.menu{margin:0;padding:0;}
.region-header .block-menu ul.menu li{list-style:none;float:left;}
.region-header .block-menu ul.menu li a{display:block;text-decoration: none;}

#block-locale-language .contextual-links-wrapper.contextual-links-processed{display:none !important;}

/* back-end */
html body.admin-menu{margin-top: 28px !important;}
#admin-menu{box-shadow: none;}
.logged-in.page-node-add #edit-actions, .logged-in.page-node-edit #edit-actions{margin-left: 15em;}
.group-hidden{display:none;}

/* Sidebar declaration 1170px */
#sidebar-left,#sidebar-right{float:left;width:30%;}
body.one-sidebar #middle-section{float:left;width:70%;}
body.two-sidebars #middle-section{float:left;width:40%;}
#main-section .region{padding-left:30px;padding-right:30px;}

/* ..................... DEBUGGING ..................... */

/* reset google maps button width */
.gmnoprint img ,.gm-style img{max-width: none;}

/* delete max-width from 'Imagefield Crop' module */
.imagefield-crop-widget img{max-width: none;}


/* ..................... FORMS ..................... */

.form-textarea:-moz-placeholder,
.form-text:-moz-placeholder {
    color: #999999;
}
.form-text,.form-textarea {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}

.form-text:focus,.form-textarea:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.form-text[disabled], .form-control[readonly], fieldset[disabled] .form-control, .form-textarea[disabled], .form-textarea[readonly], fieldset[disabled] .form-textarea {
    background-color: #EEEEEE;
    cursor: not-allowed;
}

html.js input.form-autocomplete{background-position: 99% 9px;}
html.js input.form-autocomplete.throbbing{background-position: 99% -13px;}

.field-group-tabs fieldset.field-group-tab{padding:1em;}

.vertical-tabs-panes .fieldset-wrapper > div{margin-bottom: 12px;}
.vertical-tabs .form-type-textfield input{display:inline-block;width:100%;}
form .field-multiple-table th.field-label{padding-left:20px;}

/* ..................... BUTTONS ..................... */

button, input[type="submit"], input.form-submit, .form-actions a, .form-actions a:visited, .button, a.button, a.button:visited{
  margin:10px 6px 0 0;padding:9px 12px;background-color: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0);
  border-color: #CCCCCC;color: #333333;font-size:14px;display:inline-block;text-decoration:none;
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.form-actions a, .form-actions a:visited{height:14px;line-height: 17px;}

button, input[type="submit"]:hover, input.form-submit:hover, .form-actions a:hover, .form-actions a:visited:hover, .button:hover, a.button:hover, a.button:visited:hover{
  background-color: #EBEBEB;border-color: #ADADAD;
}

/* colors */
input#edit-submit,input[value="Update"],input#edit-save{background-color: #428BCA;border-color: #357EBD;color: #FFFFFF;}
input#edit-submit:hover,input[value="Update"]:hover,input#edit-save:hover{background-color: #3276B1;border-color: #285E8E;}

input[value="Delete"],input[value="Remove"],input[value="Cancel"]{background-color: #D9534F !important;border-color: #D43F3A !important;color: #FFFFFF;}
input[value="Delete"]:hover,input[value="Remove"]:hover,input[value="Cancel"]:hover{background-color: #D2322D !important;border-color: #AC2925 !important;}

/* backend add */
ul.action-links{overflow:hidden;padding:0;margin:0;}
ul.action-links li{list-style:none;float:left;font-size:16px;}
#main-section a[href*="/add"],#main-section a[href*="/install"]{
  border: 1px solid rgba(0, 0, 0, 0);border-radius: 4px;cursor: pointer;
  display: inline-block;font-size: 14px;font-weight: normal;line-height: 1.42857;
  margin-bottom: 0;padding: 6px 12px;text-align: center;vertical-align: middle;white-space: nowrap;
  background-color: #5CB85C;text-decoration:none;
  border-color: #4CAE4C;
  color: #FFFFFF;
}
#main-section .views-displays a[href*="/add"]{padding-top:0;padding-bottom:0;}
#main-section a[href*="/add"]:hover,#main-section a[href*="/install"]:hover{
    background-color: #47A447;
    border-color: #398439;
    color: #FFFFFF;
}

/* publish / unpublish buttons */
.form-actions input[value="Publish"]{background-color: #5CB85C;border-color: #4CAE4C;color:#ffffff;}
.form-actions input[value="Publish"]:hover{background-color: #47A447;border-color: #398439;}

/* views */
td.views-field-publish-button input{margin:0;padding: 4px 8px;}
td.views-field-publish-button input[value="publish"]{background-color: #5CB85C;border-color: #4CAE4C;color:#ffffff;}
td.views-field-publish-button input[value="publish"]:hover{background-color: #47A447;border-color: #398439;}
td.views-field-publish-button input[value="unpublish"]{background-color: #D9534F;border-color: #D43F3A;color:#ffffff;}
td.views-field-publish-button input[value="unpublish"]:hover{background-color: #D2322D;border-color: #AC2925;}


/* edit delete */
tbody .views-field-edit-node, tbody .views-field-delete-node{width:22px;}
tbody .views-field-edit-node a, tbody .views-field-delete-node a{
    background-image: url("../images/misc/view-edit.svg");
    background-position: center center;
    background-repeat: no-repeat;opacity:0.6;
    display: block;width: 26px;height: 26px;
    overflow: hidden;text-indent: -999px;
   
    transition: all 0.2s ease 0s;
}
tbody .views-field-delete-node a{background-image: url("../images/misc/view-delete.svg");}

tbody .views-field-edit-node a:hover, tbody .views-field-delete-node a:hover{opacity: 1;}


/* ..................... TABLES ..................... */

table{width:100%;border: 1px solid #dddddd;} 
table tbody{border:none;} 
table td, table th{
  padding:8px 12px;text-align:left;
  vertical-align: middle;line-height:1.4em;
  border: 1px solid #ddd;
} 
tr.even, tr.odd{background-color:#f9f9f9;}
tr.even{background-color:#ffffff;}
tr.drag-previous{transition: all 4s ease 1s;}
tr.drag{background-color:#fcf8e3;}

th.active{background-color: #eeeeee;position: relative;}
th.active > a > img{position: absolute;right:12px;top:50%;margin-top:-8px;}

/* ..................... SMALL SCREEN RESP. HOLDER ..................... 

.select-holder{
  overflow: hidden;
  background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAKCAYAAADVTVykAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzZGMjM2MjY5MjIwNjgxMTkyQjBEM0FFQkZFQTY3OTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjU3NTJDNDNGMkU4MTFFM0JCNzNDQUI0NjgzNzIwQUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjU3NTJDNDJGMkU4MTFFM0JCNzNDQUI0NjgzNzIwQUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxODAxMTc0MDcyMDY4MTE4MjJBOTUyOTMzRjhEMDU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc2RjIzNjI2OTIyMDY4MTE5MkIwRDNBRUJGRUE2Nzk2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wvJx4AAAANpJREFUeNpi/P//P8NAAqYbN26UA/ErIPbApQgoZwfEz4G4hdoOYLx+/foHIM0PxN+A2FtDQ+MAmuXmQGonVM0fIOYAqvlLtRAA4nIgBsUDFxBvAlpogWS5PpDaDrUcBCqoaTk4BEBpAGhREZDdCxX7CMSOQPwDiA8CsShUvBFoeQPVowCWCIGOqANZAhV/DcQ/gVgGyu8FWl5Ck0QIYwAtaAJSPVCuKJLl04G4lGa5AI1fBsRTkfgLgTgb6Dia5VVG9HIAGBWMQAqU3ThADqJ2oiPoAHoDgAADAGBkUixTqXLIAAAAAElFTkSuQmCC") no-repeat right 50%;
  background-color:#d07321;border:5px solid #ffffff;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
.select-holder:hover{background-color:#ffffff;}

.select-holder select{
  padding:0em 1em;height:46px;line-height:normal !important;font-size:1em;color:#ffffff;
  width: 114%;cursor:pointer;font-weight:600;
  border: none;box-shadow: none;background: transparent;
  background-image: none; -webkit-appearance: none;
  box-sizing: content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
}
.select-holder:hover select{color:#d07321;}


.select-holder select:focus{outline:none;}
.select-holder select option{color:#000000;font-weight:300;}

*/

/* ..................... WARNING BOXES ..................... */

.messages,.region-help {
  border: 1px solid rgba(0, 0, 0, 0);margin-bottom: 20px;
  padding: 1em;font-size:0.9em;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.messages{padding-left:40px;}

.messages.warning {background-color: #FCF8E3;border-color: #FBEED5;color: #C09853;}
.messages.warning em{color: #A47E3C;}

.messages.status {background-color: #D6E9C6;border-color: #D6E9C6;color: #468847;}
.messages.status em{color: #356635;}

.messages.error {background-color: #F2DEDE;border-color: #EED3D7;color: #B94A48;}
.messages.error em{color: #953B39;}

.region-help{background-color: #D9EDF7;border-color: #BCE8F1;color: #3A87AD;}

/* ..................... PAGER ..................... */

.item-list ul.pager{margin:20px 0;text-align:left;}
.item-list ul.pager li{padding:0;display:inline-block;font-size:12px;line-height:14px;margin:0 2px;}
.item-list ul.pager li a,.item-list ul.pager li.pager-current{
  padding:4px 8px;display:inline-block;font-weight:bold;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.item-list ul.pager li a{
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); 
  
  background:#ffffff;color:#717171;text-shadow: 0 1px 0 #ffffff;border:1px solid #bababa;
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1)));
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}

.item-list ul.pager li a:hover{ 
  background: -moz-linear-gradient(top,  rgba(234,234,234,1) 100%, rgba(255,255,255,1) 0%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,rgba(2234,234,234,1)), color-stop(0%,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 100%,rgba(255,255,255,1) 0%);
  background: -o-linear-gradient(top,  rgba(234,234,234,1) 100%,rgba(255,255,255,1) 0%);
  background: -ms-linear-gradient(top,  rgba(234,234,234,1) 100%,rgba(255,255,255,1) 0%);
  background: linear-gradient(to bottom,  rgba(234,234,234,1) 100%,rgba(255,255,255,1) 0%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );
}


.item-list ul.pager li.pager-current{
  background:#676767;color:#f2f2f2;text-shadow:0 1px 0 #000000;border:1px solid #fffffff;

  -webkit-box-shadow: inset 0px 0px 8px 0px #222222;
  -moz-box-shadow: inset 0px 0px 8px 0px #222222;
  -o-box-shadow: inset 0px 0px 8px 0px #222222;
  box-shadow: inset 0px 0px 8px 0px #222222; 
}

/* ************************************************** BACK-END EDITOR TABS ************************************************** */

.tabs-primary:before {
    background-color: #ffffff;
    background-image: url("../images/misc/pencil.svg");
    background-position: center center;
    background-repeat: no-repeat;
    content: " ";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
}

.tabs-primary {background-color: #004990;border: medium none;position: relative;}
.tabs-primary a ,.tabs-primary a:visited{color: #ffffff;}
.tabs-primary__tab.is-active {border: medium none;}
.tabs-primary a, a.tabs-primary__tab-link.is-active{border-top-left-radius: 0;border-top-right-radius: 0;margin: 0;}
a.tabs-primary__tab-link.is-active {color:#3b363b;}
.tabs-primary__tab, .tabs-secondary__tab, .tabs-secondary__tab.is-active {margin: 0 0 0 10px;}
a.tabs-primary__tab-link:hover, a.tabs-primary__tab-link:focus {background-color: #0093c1;color: #ffffff;}


/* ************************************************** EDITOR MENU ************************************************** */

/* trigger */
#editor-holder{
  position: relative;z-index: 899;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#editor-holder #editor-show-hide-trigger{
  position: absolute;bottom:-50px;right:0px;text-indent:-999px;overflow:hidden;
  cursor:pointer;background-color:#004990;z-index:999;
  width:50px;height:50px;background-repeat:no-repeat;
  background-image: url('../images/misc/editor.svg');
  background-position: center center;
}


/* content */
#editor-holder .region{display:none;background-color:#004990;} 
#editor-holder .block-menu{width:100%;}
#editor-holder .block-menu h2.block-title{display:none;}
#editor-holder .block-menu ul.menu{list-style:none;list-style-image:none;margin:0;overflow:hidden;text-align: center;padding:0;}
#editor-holder ul.menu li{list-style:none;list-style-image:none;width:20%;display:inline-block;text-transform: uppercase;float:left;}

#editor-holder ul.menu li a{
  display:block;text-align: center;height:70px;padding-top:100px;
  background-repeat:no-repeat;background-position:center 52px;text-decoration:none; 
  color:#ffffff;font-size:20px;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;   
}

#editor-holder ul.menu li a.active:before{content: "» ";}

#editor-holder ul.menu li a:hover{
  background-color: #004990;
  background-position:center 42px;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;   
}