/*
Theme Name: GeckoDoIt Canvas Child
Theme URI: 
Description: GeckoDoIt child theme for the Canvas theme.   
Author: <a href="http://www.geckodoit.com" title="Visit author homepage">GeckoDoIt</a>
Author URI: www.geckodoit.com
Template: canvas
Version: 1
*/


@import url('../canvas/style.css');

.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
  border: none;
}


#menu-item-1056{
background-color: #428bca
}

#nav-container {
  padding: 0;
  margin: 0;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow:    0px 1px 5px 0px rgba(0, 0, 0, 0.05);
  box-shadow:         0px 1px 5px 0px rgba(0, 0, 0, 0.05);
}

#contact-page h1.title {
  color: #7E7E7E;
}
#credit a {
  color: #999999 !important;
}
#credit a:hover {
  color: #fff !important;
}

#footer-widgets h3 {
  text-transform: uppercase;
  color: #fff !important;
}

#menu-main-navigation {
  list-style: none;
}
#menu-main-navigation-lao0 li a,
#menu-main-navigation li a {
  color: #999999 !important;
}

.widget_icl_lang_sel_widget {
  position: absolute;
  top: 1em;
  right: 0;
  width: 20em;
  height: 100%;
}
#lang_sel_list {
  padding-right: 1em !important;
}
#lang_sel_list li {
  float: right !important;
  margin: 1em 0.5em !important;
}

.paypal-donations {
  margin: 2em auto 0 auto;
  text-align: center;
}
.paypal-donations input[type='image'] {
  border: none;
}


ul.nav li.current-menu-item a:hover {
  color: #000 !important;
  background: #fff !important;
  outline: none;
}
ul.nav li.current-menu-item a {
  color: #fff !important;
  background: #7E7E7E !important;
}
ul.nav li a:hover {
  color: #000 !important;
  background: #fff !important;
  outline: none;
}
ul.nav li a {
  position: relative;
  display: inline-block;
  outline: none;
}


/* Effect 14: border switch */
ul.nav li a::before,
ul.nav li a::after {
  position: absolute;
  width: 45px;
  height: 2px;
/*background: #555 !important;*/
  content: '';
  opacity: 0.2;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}

ul.nav li a::before {
  top: 0;
  left: 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
}

ul.nav li a::after {
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

ul.nav li a:hover::before,
ul.nav li a:hover::after,
ul.nav li a:focus::before,
ul.nav li a:focus::after {
  opacity: 1;
}

ul.nav li a:hover::before,
ul.nav li a:focus::before {
  left: 50%;
  -webkit-transform: rotate(0deg) translateX(-50%);
  -moz-transform: rotate(0deg) translateX(-50%);
  transform: rotate(0deg) translateX(-50%);
}

ul.nav li a:hover::after,
ul.nav li a:focus::after {
  right: 50%;
  -webkit-transform: rotate(0deg) translateX(50%);
  -moz-transform: rotate(0deg) translateX(50%);
  transform: rotate(0deg) translateX(50%);
}





/* MEDIA QUERY

-----------------
/* Extra Smaller */ 
@media only screen and (max-width : 479px) {
  #header {
    padding-top: 10px !important;
    padding-bottom: 0 !important;
  }
  #content {
    padding-top: 0;
    min-height: 200px;
  }
  ul.nav li a {
    font-size: 12px !important;
  } 
  .widget_icl_lang_sel_widget {
    background: transparent;
  }

ul.nav li a::before,
ul.nav li a::after {
  background: transparent !important;
}

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
  #header {
    padding-top: 10px !important;
    padding-bottom: 0 !important;
  }  
  #content {
    padding-top: 0;
    min-height: 200px;
  } 
  ul.nav li a {
    font-size: 12px !important;
  }  
  .widget_icl_lang_sel_widget {
    background: transparent;
  }     

ul.nav li a::before,
ul.nav li a::after {
  background: transparent !important;
}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  #header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }  
  #content {
    padding-top: 1em;
    min-height: 200px;
  }
  ul.nav li a {
    font-size: 12px !important;
  }
  .widget_icl_lang_sel_widget {
    background: #e6e6e6; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
    background: linear-gradient(to right,  #ffffff 0%,#e6e6e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 */
  }    

ul.nav li a::before,
ul.nav li a::after {
  background: #555 !important;
}
                 
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  #header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }  
  #content {
    padding-top: 1.5em;
    min-height: 200px;
  }
  ul.nav li a {
 /*   font-size: 16px !important;*/
	  font-size: 20px;
  } 
  .widget_icl_lang_sel_widget {
    background: #e6e6e6; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
    background: linear-gradient(to right,  #ffffff 0%,#e6e6e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 */
  } 

ul.nav li a::before,
ul.nav li a::after {
  background: #555 !important;
}
                                                                              
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  #header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }  
  #content {
    padding-top: 1.5em;
    min-height: 200px;
  }
  ul.nav li a {
 /*   font-size: 20px !important;*/
	  font-size: 20px;
  }
  .widget_icl_lang_sel_widget {
    background: #e6e6e6; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
    background: linear-gradient(to right,  #ffffff 0%,#e6e6e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 */
  }  

ul.nav li a::before,
ul.nav li a::after {
  background: #555 !important;
}

}