/*

Theme Name: Ryan Elijah for Congress
Theme URI: http://theme.co/x/
Author: The Geek Goddess
Author URI: https://www.geekgoddess.com
Description: Child theme for Pro.
Version: 1.0.0
Template: pro

*/

/* LAYOUT ============================================================ */

/*.x-container.offset { margin-top: 0 }*/

/* former link color rgb(196, 41, 53) */

/* TYPOGRAPHY ======================================================== */

:active,:focus {
  outline: none !important;
}

/* TYPOGRAPHY =========================== */

h1, .h1{
    font-size: 350%;
}

h2, .h2 {
    font-size: 300%;
}

h3, .h3 {
    font-size: 250%;
}

h4, .h4 {
    font-size: 200%;
}

h5, .h5 {
    font-size: 150%;
}

h6, .h6 {
    font-size: 125%;
}


h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  /*font-weight: 700 !important;*/
  margin-top: 20px;
}
h6, .h6 {
  text-transform: none;
}

.black { color: #000 !important}
.thin { font-family: 'Lato', serif; font-weight: 300; }
.clear { clear:both }
h5 a {
  color: rgb(41, 133, 196) !important;
}
h5 a:hover {
  color:#c42935 !important;
}
/* previous color for headings: rgb(196, 41, 53) */

/* BLOG POSTS ======================================================== */

h1.entry-title:before, h2.entry-title:before { display:none} /* remove icon from blog posts */
.p-meta>span:nth-child(3) { display: none} /* remove category from blog posts */
.entry-content.excerpt p {
    margin-bottom: 1.5em;
}

/* BUTTONS =========================================================== */

.x-btn, .button, [type="submit"] { text-shadow: none !important; box-shadow: none !important; padding-top: 12px; }
.x-btn:hover, .button:hover, [type="submit"]:hover { text-shadow: none !important; box-shadow: none !important; }


.ctaButton { font-family:'Montserrat';font-weight:bold;text-transform:uppercase;padding:20px;background:#fdc019;border:1px solid #fee9ae;color:#032041;width:400px;max-width:100%;margin:15px auto 0;font-size:20px;text-decoration:none;border-radius:10px}
.ctaButton:hover { background-color:#bb8d11 !important;cursor:pointer;cursor:hand;color:#fff }
.ctaButton a {color:#000}
.ctaButton:hover a {color:#fff !important;text-decoration:none}
/* previous hover: rgb(197, 183, 131) */

/* FORMS ============================================================= */


input[type="text"],input[type="email"],input[type="tel"],textarea,select { width:100%;-moz-border-radius: 4px;border-radius: 4px;padding: 1%;}
textarea, input[type="text"], input[type="email"],input[type="tel"],select { font-size: 1.0em;border:1px solid #333}
textarea { padding-left: 0px}
#feedBurner input[type="submit"] { width:100%}

/* HEADER ============================================================ */

/*div.x-navbar { background-color: #C5B783 !important }*/
.x-navbar { border-bottom: 1px solid #EDEEF1}
a.x-brand.img { max-width: 65%}
.x-btn-navbar { margin-top:24px !important}
.x-btn-navbar { font-size: 24px !important}

/* MENU ============================================================== */

nav.x-nav-wrap.desktop li:nth-last-of-type(1) a span {
/*    border: solid #999 2px;*/
    border: none;
    border-radius: 8px;
    margin-top: -25px;
    height: 45px;
    padding: 12px 15px 15px;
/*    height: 40px;
    padding: 10px; */
    color: #fff;
    background-color: #B80021;
    font-weight: 400;
}

nav.x-nav-wrap.desktop li:nth-last-of-type(1) a:hover span {
    background-color: #004B93;
}

nav.x-nav-wrap.desktop li:nth-last-of-type(1) a:hover span {
/*  text-decoration: none;*/
  box-shadow: none;
}
.x-navbar .desktop .x-nav > li:nth-last-of-type(1) a span {
    box-shadow: none !important;
}
nav.x-nav-wrap.desktop li:nth-last-of-type(1) a:hover span {
/*    border-color: #272727;*/
}

/* SLIDER ============================================================ */

#homeSlider .x-btn {font-family: Lato,'Open Sans';font-weight: bold;border-radius: 10px;border-width: 3px }
.x-slider-container.below {border-bottom: none !important}

div#slide-4-layer-10.tp-caption.tp-resizeme.noSwipe img:hover {
  cursor: hand;cursor:pointer;
}

/* TABS ON HOME PAGE ================================================= */

.x-nav-tabs>li>a {
  padding: 0.75em 0.75em 0.95em;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  color: #fff;
  background-color: #c5b783; }
/* update to match new logo color */
.x-nav-tabs>li>a {
  background-color: #C98637;
}

.x-nav-tabs>li>a:hover { color:#fff !important;background-color: #C32429 }
li.x-nav-tabs-item.active a:hover { color:#C32429 !important; }
.x-tab-content.hometabs .x-tab-pane { padding: 4% 0 0}
.x-tab-content.hometabs { border: 1px solid #EDEEF1; border-top: 0}
.x-tab-content.hometabs { border: 0}
.x-nav-tabs { border: 2px solid #EDEEF1; border-bottom: 0}
.x-nav-tabs.top>li a { border-bottom: 2px solid #EDEEF1;}
.x-nav-tabs.top>li { border-right: 2px solid #EDEEF1; }
.amtab {  padding: 4% 7.5%}

/* SIDEBAR =========================================================== */

.x-sidebar ul li a { color: #827c63; text-transform: uppercase;font-size: 14px; }
.x-sidebar ul li,#text-9 div.rpfc-container ul li {
  background-color:transparent;
  border:0;
  list-style: none;
  background: url(https://s3.amazonaws.com/skrob-website-assets/li.png) no-repeat;
  background-position: 0 12px;
  padding: 0.2em;
  padding-left: 10px;
}
.widget_categories ul>li a { margin:0 !important; }
#text-9 div.rpfc-container ul { margin-left: 0; }

/* FOOTER ============================================================ */

.x-colophon.top { background-color:#004b93; padding-bottom: 0;font-size:14px }
.x-colophon.top h4 { color:#F9FFFF !important}
.x-colophon.top ul li a, .x-colophon.bottom a { text-transform:uppercase;color: #F9FFFF }
.x-colophon.top ul li a:hover, .x-colophon.bottom a:hover { text-decoration: underline }
/* use only if 3 columns
.x-colophon.top .x-column.x-1-4:nth-child(3) { width:30%}
.x-colophon.top .x-column.x-1-4:nth-child(4) { width:14%} */
.x-colophon.top .widget_categories ul>li a, .x-colophon.top .widget_nav_menu ul>li a,  .x-colophon.top .widget_pages ul>li a, .x-colophon.top .widget_recent_entries ul>li a { margin: 0.2em 0; }
.x-colophon.top .widget_recent_entries ul>li { padding:0.2em;padding-left:10px;}

/* FOOTER WIDGETS ==================================================== */

/*.x-colophon.bottom .x-container { border-top:1px solid #fff}*/
.x-colophon .widget ul { border:0 }
.x-colophon .widget ul li {
  background-color:transparent;
  border:0;
  list-style: none;
  background: url(https://s3.amazonaws.com/skrob-website-assets/li.png) no-repeat;
  background-position: 0 9px;
  padding-left: 10px;
}
h2.widget-social { display:inline !important; margin: 0 3px}
a h2.widget-social { color: #fff;transition-duration: 1s; }
a:hover h2.widget-social { color: #C32429}
#text-10 div.rpfc-container ul { margin-left:0;}

/* BLOG PAGES ======================================================== */

.x-header-landmark { display:none}
.entry_author_image {
  float:left;
  margin-right:10px;
}
.entry_author_image img {
  border: 1px solid #E5E5E5;
  padding:5px;
}

.skrob-blog-header-image {
    margin-bottom: -50px;
}

/* CONVERT PLUG OVERRRIDES =========================================== */

div[class*="content-"] .cp-ib-container {
  width:1200px !important;
  padding:0 !important;
}
.cp-submit-wrap {
  padding-top:20px !important;

}

/* AJAX LOAD MORE OVERRIDES ========================================== */

.alm-listing li {
    padding-left: 0 !important;
}

.alm-listing li img {
    position: relative !important;
    margin-bottom: 20px;
   /* width: 100% !important;*/
}

.attachment-alm-thumbnail {
    width:150px;
    float: left;
    margin-right: 20px;
}

/* SPECIALTY ========================================================= */

.graydient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdce2+0,f2f5f7+32,f2f5f7+70,dbdce2+100,f2f5f7+100,dddfe3+100,f5f6f6+100 */
background: rgb(219,220,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(219,220,226,.5) 0%, rgba(242,245,247,.5) 32%, rgba(242,245,247,.5) 70%, rgba(219,220,226,.5) 100%, rgba(242,245,247,.5) 100%, rgba(221,223,227,.5) 100%, rgba(245,246,246,.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,220,226,.5)), color-stop(32%,rgba(242,245,247,.5)), color-stop(70%,rgba(242,245,247,.5)), color-stop(100%,rgba(219,220,226,.5)), color-stop(100%,rgba(242,245,247,.5)), color-stop(100%,rgba(221,223,227,.5)), color-stop(100%,rgba(245,246,246,.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(219,220,226,.5) 0%,rgba(242,245,247,.5) 32%,rgba(242,245,247,.5) 70%,rgba(219,220,226,.5) 100%,rgba(242,245,247,.5) 100%,rgba(221,223,227,.5) 100%,rgba(245,246,246,.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(219,220,226,.5) 0%,rgba(242,245,247,.5) 32%,rgba(242,245,247,.5) 70%,rgba(219,220,226,.5) 100%,rgba(242,245,247,.5) 100%,rgba(221,223,227,.5) 100%,rgba(245,246,246,.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(219,220,226,.5) 0%,rgba(242,245,247,.5) 32%,rgba(242,245,247,.5) 70%,rgba(219,220,226,.5) 100%,rgba(242,245,247,.5) 100%,rgba(221,223,227,.5) 100%,rgba(245,246,246,.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(219,220,226,.5) 0%,rgba(242,245,247,.5) 32%,rgba(242,245,247,.5) 70%,rgba(219,220,226,.5) 100%,rgba(242,245,247,.5) 100%,rgba(221,223,227,.5) 100%,rgba(245,246,246,.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdce2', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}
.gradient-inner {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(20%, rgba(240, 240, 240, 0)), color-stop(80%, rgba(240, 240, 240, 0)), color-stop(100%, #f0f0f0));
  background: -moz-linear-gradient(top, #f0f0f0 0%, rgba(240, 240, 240, 0) 20%, rgba(240, 240, 240, 0) 80%, #f0f0f0 100%);
  background: -webkit-linear-gradient(top, #f0f0f0 0%, rgba(240, 240, 240, 0) 20%, rgba(240, 240, 240, 0) 80%, #f0f0f0 100%);
  background: -o-linear-gradient(top, #f0f0f0 0%, rgba(240, 240, 240, 0) 20%, rgba(240, 240, 240, 0) 80%, #f0f0f0 100%);
  background: -ms-linear-gradient(top, #f0f0f0 0%, rgba(240, 240, 240, 0) 20%, rgba(240, 240, 240, 0) 80%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #f0f0f0 0%, rgba(240, 240, 240, 0) 20%, rgba(240, 240, 240, 0) 80%, #f0f0f0 100%);
  -webkit-mask-image: -webkit-linear-gradient(left, transparent, black 90px, black 1070px, transparent);
  /*padding: 50px 90px;*/
  padding: 4% 7.5%
}



